beercss 3.11.1 → 3.11.2
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 +8 -8
- package/dist/cdn/beer.css +34 -32
- 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 +34 -32
- package/dist/cdn/beer.scoped.min.css +1 -1
- package/package.json +1 -1
- package/src/cdn/customElement.js +2 -2
- package/src/cdn/elements/buttons.css +19 -11
- package/src/cdn/elements/cards.css +5 -0
- package/src/cdn/elements/chips.css +5 -14
- package/src/cdn/elements/media.css +2 -6
- package/src/cdn/helpers/forms.css +1 -1
- package/src/cdn/settings/fonts.css +4 -4
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
.chip {
|
|
2
|
+
--_padding: 0.75rem;
|
|
2
3
|
--_size: 2rem;
|
|
3
4
|
box-sizing: border-box;
|
|
4
5
|
display: inline-flex;
|
|
@@ -11,37 +12,27 @@
|
|
|
11
12
|
background-color: transparent;
|
|
12
13
|
border: 0.0625rem solid var(--outline-variant);
|
|
13
14
|
color: var(--on-surface-variant);
|
|
14
|
-
padding: 0
|
|
15
|
+
padding: 0 var(--_padding);
|
|
15
16
|
margin: 0 0.5rem;
|
|
16
17
|
text-transform: none;
|
|
17
18
|
border-radius: 0.5rem;
|
|
18
19
|
transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);
|
|
19
20
|
user-select: none;
|
|
20
|
-
gap:
|
|
21
|
+
gap: 0.5rem;
|
|
21
22
|
line-height: normal;
|
|
22
23
|
letter-spacing: normal;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
.chip.medium {
|
|
26
27
|
--_size: 2.5rem;
|
|
28
|
+
--_padding: 1rem;
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
.chip.large {
|
|
32
|
+
--_padding: 1.25rem;
|
|
30
33
|
--_size: 3rem;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
.chip.fill {
|
|
34
37
|
border: none;
|
|
35
38
|
}
|
|
36
|
-
|
|
37
|
-
.chip.round.small {
|
|
38
|
-
border-radius: 1rem;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.chip.round {
|
|
42
|
-
border-radius: 1.25rem;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.chip.round.large {
|
|
46
|
-
border-radius: 1.5rem;
|
|
47
|
-
}
|
|
@@ -82,16 +82,12 @@ svg {
|
|
|
82
82
|
max-block-size: 1.5rem;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
:is(button, .button, .chip) > :is(i, img, svg) {
|
|
86
|
-
margin: 0 -0.5rem;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
85
|
:is(button, .button, .chip) > .responsive:first-child {
|
|
90
|
-
margin-inline-start: -
|
|
86
|
+
margin-inline-start: calc(-1 * var(--_padding));
|
|
91
87
|
}
|
|
92
88
|
|
|
93
89
|
:is(button, .button, .chip) > .responsive:not(:first-child) {
|
|
94
|
-
margin-inline-end: -
|
|
90
|
+
margin-inline-end: calc(-1 * var(--_padding));
|
|
95
91
|
}
|
|
96
92
|
|
|
97
93
|
:is(.circle, .square, .extend) > .responsive {
|
|
@@ -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.11.
|
|
9
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.11.2/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.11.
|
|
20
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.11.2/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.11.
|
|
31
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.11.2/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.11.
|
|
42
|
+
url("https://cdn.jsdelivr.net/npm/beercss@3.11.2/dist/cdn/material-symbols-subset.woff2") format("woff2");
|
|
43
43
|
}
|