beercss 3.10.4 → 3.10.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -32
- package/dist/cdn/beer.css +212 -206
- package/dist/cdn/beer.custom-element.js +2 -2
- package/dist/cdn/beer.custom-element.min.js +1 -1
- package/dist/cdn/beer.min.css +1 -1
- package/dist/cdn/beer.scoped.css +212 -206
- package/dist/cdn/beer.scoped.min.css +1 -1
- package/package.json +1 -1
- package/src/cdn/beer.css +2 -1
- package/src/cdn/customElement.js +2 -2
- package/src/cdn/elements/bars.css +100 -0
- package/src/cdn/elements/dialogs.css +0 -18
- package/src/cdn/elements/layouts.css +0 -39
- package/src/cdn/elements/mainLayouts.css +0 -26
- package/src/cdn/elements/navigations.css +5 -14
- package/src/cdn/settings/fonts.css +4 -4
|
@@ -33,42 +33,3 @@
|
|
|
33
33
|
:is(.absolute, .fixed).top.bottom.large {
|
|
34
34
|
inline-size: 44rem;
|
|
35
35
|
}
|
|
36
|
-
|
|
37
|
-
header,
|
|
38
|
-
footer {
|
|
39
|
-
display: flex;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
flex-direction: column;
|
|
42
|
-
background-color: var(--surface-container);
|
|
43
|
-
border-radius: 0;
|
|
44
|
-
padding: 0 1rem;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:is(nav.drawer, dialog, article) > :is(header, footer) {
|
|
48
|
-
padding-inline: 0;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
header {
|
|
52
|
-
min-block-size: 4rem;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
footer {
|
|
56
|
-
min-block-size: 5rem;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
:is(header, footer, menu > *).fixed {
|
|
60
|
-
position: sticky;
|
|
61
|
-
inset: 0;
|
|
62
|
-
z-index: 11;
|
|
63
|
-
background-color: inherit;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
header.fixed {
|
|
67
|
-
inset: calc(-1 * var(--_padding)) 0 0 0;
|
|
68
|
-
margin-block-start: calc(-1 * var(--_padding));
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
footer.fixed {
|
|
72
|
-
inset: 0 0 calc(-1 * var(--_padding)) 0;
|
|
73
|
-
margin-block-end: calc(-1 * var(--_padding));
|
|
74
|
-
}
|
|
@@ -4,15 +4,6 @@ main {
|
|
|
4
4
|
overflow-x: hidden;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
:is(main, header, footer, section).responsive {
|
|
8
|
-
max-inline-size: 75rem;
|
|
9
|
-
margin: 0 auto;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
:is(main, header, footer, section).responsive.max {
|
|
13
|
-
max-inline-size: 100%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
7
|
:has(> main) {
|
|
17
8
|
--_top: 0rem;
|
|
18
9
|
--_bottom: 0rem;
|
|
@@ -27,23 +18,6 @@ main {
|
|
|
27
18
|
margin-inline: calc(var(--left) + var(--_left)) calc(var(--right) + var(--_right));
|
|
28
19
|
}
|
|
29
20
|
|
|
30
|
-
:has(> main) > :is(header, footer).fixed {
|
|
31
|
-
z-index: 12;
|
|
32
|
-
transform: none;
|
|
33
|
-
box-sizing: content-box;
|
|
34
|
-
inset: 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
:has(> main) > header.fixed {
|
|
38
|
-
padding-block-start: calc(var(--top) + var(--_top));
|
|
39
|
-
margin-block-start: calc(-1 * var(--top) - var(--_top));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
:has(> main) > footer.fixed {
|
|
43
|
-
padding-block-end: calc(var(--bottom) + var(--_bottom));
|
|
44
|
-
margin-block-end: calc(-1 * var(--bottom) - var(--_bottom));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
21
|
:has(> nav.top:not(.s, .n, .l)) {
|
|
48
22
|
--_top: 5rem;
|
|
49
23
|
}
|
|
@@ -146,6 +146,11 @@ nav.drawer:not(.left, .right, .top, .bottom) {
|
|
|
146
146
|
padding: 0.5rem 1rem;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
+
dialog > nav.drawer:not(.left, .right, .top, .bottom) {
|
|
150
|
+
padding: 0 1rem;
|
|
151
|
+
background-color: inherit;
|
|
152
|
+
}
|
|
153
|
+
|
|
149
154
|
nav.drawer:is(.min, .max) {
|
|
150
155
|
inline-size: auto;
|
|
151
156
|
}
|
|
@@ -154,20 +159,6 @@ nav.drawer.max {
|
|
|
154
159
|
inline-size: 100%;
|
|
155
160
|
}
|
|
156
161
|
|
|
157
|
-
:is(nav, .row) > header {
|
|
158
|
-
background-color: inherit;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
nav:is(.left, .right) > header {
|
|
162
|
-
transform: translateY(-0.5rem);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
nav.drawer > header {
|
|
166
|
-
transform: translateY(-0.75rem);
|
|
167
|
-
min-block-size: 4.5rem;
|
|
168
|
-
align-self: stretch;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
162
|
nav.drawer > :is(a, label),
|
|
172
163
|
nav.drawer > :is(ol, ul) > li > :is(a, label),
|
|
173
164
|
:is(a.row, nav.row):is(.wave, .slow-ripple, .ripple, .fast-ripple) {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
font-display: block;
|
|
7
7
|
src:
|
|
8
8
|
url("../material-symbols-outlined.woff2") format("woff2"),
|
|
9
|
-
url("https://cdn.jsdelivr.net/npm/beercss@3.10.
|
|
9
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.10.6/dist/cdn/material-symbols-outlined.woff2") format("woff2");
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
/* rounded icons */
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
font-display: block;
|
|
18
18
|
src:
|
|
19
19
|
url("../material-symbols-rounded.woff2") format("woff2"),
|
|
20
|
-
url("https://cdn.jsdelivr.net/npm/beercss@3.10.
|
|
20
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.10.6/dist/cdn/material-symbols-rounded.woff2") format("woff2");
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
/* sharp icons */
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
font-display: block;
|
|
29
29
|
src:
|
|
30
30
|
url("../material-symbols-sharp.woff2") format("woff2"),
|
|
31
|
-
url("https://cdn.jsdelivr.net/npm/beercss@3.10.
|
|
31
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.10.6/dist/cdn/material-symbols-sharp.woff2") format("woff2");
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
/* subset of only required icons */
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
font-display: block;
|
|
40
40
|
src:
|
|
41
41
|
url("../material-symbols-subset.woff2") format("woff2"),
|
|
42
|
-
url("https://cdn.jsdelivr.net/npm/beercss@3.10.
|
|
42
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.10.6/dist/cdn/material-symbols-subset.woff2") format("woff2");
|
|
43
43
|
}
|