Skip to content

Commit 03bdd34

Browse files
akopdevakopdev
committed
Vendor PicoCSS and remove npm as a dependency
1 parent 8b04b88 commit 03bdd34

68 files changed

Lines changed: 6194 additions & 47 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Makefile‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,6 @@ help:
1010
@grep -oE '^#.[a-zA-Z0-9]+:.*?@ .*$$' $(MAKEFILE_LIST) | tr -d '#' |\
1111
awk 'BEGIN {FS = ":.*?@ "}; {printf " make%-10s%s\n", $$1, $$2}'
1212

13-
# -------------------------------------------------------------------------------------------------
14-
# install: @ Install required dev dependencies
15-
# -------------------------------------------------------------------------------------------------
16-
install:
17-
@npm install
18-
1913
# -------------------------------------------------------------------------------------------------
2014
# start: @ Run a local webserver with example site
2115
# -------------------------------------------------------------------------------------------------

‎assets/scss/components/_footer.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use "../../node_modules/@picocss/pico/scss/settings" as *;
1+
@use "../core/settings" as *;
22

33
footer {
44
border-top: medium double var(#{$css-var-prefix}primary);

‎assets/scss/components/_header.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use "../../node_modules/@picocss/pico/scss/settings" as *;
1+
@use "../core/settings" as *;
22

33
body>header {
44
display: flex;

‎assets/scss/components/_list.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use "../../node_modules/@picocss/pico/scss/settings" as *;
1+
@use "../core/settings" as *;
22

33
section>header {
44
margin-bottom: 2rem;

‎assets/scss/components/_single.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use "../../node_modules/@picocss/pico/scss/settings" as *;
1+
@use "../core/settings" as *;
22

33
article {
44
nav {

‎assets/scss/core/_index.scss‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
@use "helpers/copyright";
2+
3+
// Config
4+
@forward "settings";
5+
6+
// Theming
7+
@use "themes/default";
8+
9+
// Layout
10+
@use "layout/document"; // html
11+
@use "layout/landmarks"; // body, header, main, footer
12+
@use "layout/section"; // section
13+
@use "layout/container"; // .container, .container-fluid
14+
@use "layout/grid"; // .grid
15+
@use "layout/overflow-auto"; // .overflow-auto
16+
17+
// Content
18+
@use "content/typography"; // headings, p, ul, blockquote, ...
19+
@use "content/link"; // a, role="link"
20+
@use "content/button"; // button, role="button", type="button", type="submit" ...
21+
@use "content/table"; // table, tr, td, ...
22+
@use "content/embedded"; // audio, canvas, iframe, img, svg, video
23+
@use "content/code"; // pre, code, ...
24+
@use "content/figure"; // figure, figcaption
25+
@use "content/misc"; // hr, template, [hidden], dialog, canvas
26+
27+
// Forms
28+
@use "forms/basics"; // input, select, textarea, label, fieldset, legend
29+
@use "forms/checkbox-radio-switch"; // type="checkbox", type="radio", role="switch"
30+
@use "forms/input-color"; // type="color"
31+
@use "forms/input-date"; // type="date", type="datetime-local", type="month", type="time", type="week"
32+
@use "forms/input-file"; // type="file"
33+
@use "forms/input-range"; // type="range"
34+
@use "forms/input-search"; // type="search"
35+
36+
// Components
37+
@use "components/accordion"; // details, summary
38+
@use "components/card"; // article
39+
@use "components/dropdown"; // details.dropdown
40+
@use "components/group"; // role="group"
41+
@use "components/loading"; // aria-busy=true
42+
@use "components/modal"; // dialog
43+
@use "components/nav"; // nav
44+
@use "components/progress"; // progress
45+
@use "components/tooltip"; // data-tooltip
46+
47+
// Utilities
48+
@use "utilities/accessibility"; // -ms-touch-action, aria-*
49+
@use "utilities/reduce-motion"; // prefers-reduced-motion

‎assets/scss/core/_settings.scss‎

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
@use "sass:map";
2+
3+
// Settings
4+
// ––––––––––––––––––––
5+
6+
// Theme color
7+
$theme-color: "azure" !default; // amber, azure, blue, cyan, fuchsia, green, grey, indigo, jade, lime, orange, pink, pumpkin, purple, red, sand, slate, violet, yellow, zinc
8+
9+
// Prefix for CSS variables
10+
$css-var-prefix: "--pico-" !default; // Must start with "--"
11+
12+
// Define the root element used to target <header>, <main>, <footer>
13+
// with $enable-semantic-container and $enable-responsive-spacings
14+
$semantic-root-element: "body" !default;
15+
16+
// Enable <header>, <main>, <footer> inside $semantic-root-element as containers
17+
$enable-semantic-container: false !default;
18+
19+
// Enable a centered viewport for <header>, <main>, <footer> inside $semantic-root-element
20+
// Fluid layout if disabled
21+
$enable-viewport: true !default;
22+
23+
// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>
24+
// Fixed spacings by default
25+
$enable-responsive-spacings: false !default;
26+
27+
// Enable responsive typography
28+
// Fixed root element size (rem) if disabled
29+
$enable-responsive-typography: true !default;
30+
31+
// Enable .classes
32+
// .classless version if disabled
33+
$enable-classes: true !default;
34+
35+
// Enable transitions
36+
$enable-transitions: true !default;
37+
38+
// Enable overriding with !important
39+
$enable-important: true !default;
40+
41+
// Optional parent selector
42+
// If defined, all HTML tags are wrapped with this selector
43+
// :root is not wrapped
44+
$parent-selector: "" !default;
45+
46+
// Breakpoints, viewports and root font size
47+
$breakpoints: () !default;
48+
$breakpoints: map.deep-merge(
49+
(
50+
// Small (landscape phones)
51+
// Font size: 17px
52+
sm: (
53+
breakpoint: 576px,
54+
viewport: 510px,
55+
root-font-size: 106.25%,
56+
),
57+
58+
// Medium (tablets)
59+
// Font size: 18px
60+
md: (
61+
breakpoint: 768px,
62+
viewport: 700px,
63+
root-font-size: 112.5%,
64+
),
65+
66+
// Large
67+
// Font size: 19px
68+
lg: (
69+
breakpoint: 1024px,
70+
viewport: 950px,
71+
root-font-size: 118.75%,
72+
),
73+
74+
// Extra large
75+
// Font size: 20px
76+
xl: (
77+
breakpoint: 1280px,
78+
viewport: 1200px,
79+
root-font-size: 125%,
80+
),
81+
82+
// Extra extra large
83+
// Font size: 21px
84+
xxl: (
85+
breakpoint: 1536px,
86+
viewport: 1450px,
87+
root-font-size: 131.25%,
88+
)
89+
),
90+
$breakpoints
91+
);
92+
93+
// Modules to export
94+
$modules: () !default;
95+
$modules: map.merge(
96+
(
97+
// Theme
98+
"themes/default": true,
99+
100+
// Layout
101+
"layout/document": true,
102+
"layout/landmarks": true,
103+
"layout/container": true,
104+
"layout/section": true,
105+
"layout/grid": true,
106+
"layout/overflow-auto": true,
107+
108+
// Content
109+
"content/link": true,
110+
"content/typography": true,
111+
"content/embedded": true,
112+
"content/button": true,
113+
"content/table": true,
114+
"content/code": true,
115+
"content/figure": true,
116+
"content/misc": true,
117+
118+
// Forms
119+
"forms/basics": true,
120+
"forms/checkbox-radio-switch": true,
121+
"forms/input-color": true,
122+
"forms/input-date": true,
123+
"forms/input-file": true,
124+
"forms/input-range": true,
125+
"forms/input-search": true,
126+
127+
// Components
128+
"components/accordion": true,
129+
"components/card": true,
130+
"components/dropdown": true,
131+
"components/group": true,
132+
"components/loading": true,
133+
"components/modal": true,
134+
"components/nav": true,
135+
"components/progress": true,
136+
"components/tooltip": true,
137+
138+
// Utilities
139+
"utilities/accessibility": true,
140+
"utilities/reduce-motion": true
141+
),
142+
$modules
143+
);

0 commit comments

Comments
 (0)