@stnd/styles 0.5.3 → 0.5.4
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/CHANGELOG.md
CHANGED
package/_standard-01-token.scss
CHANGED
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
* @property {variable} --gap-multiplicator Gutter multiplier factor (`2`).
|
|
104
104
|
*/
|
|
105
105
|
/* Gap, space between blocks in rhythm, goes to --space in mobile */
|
|
106
|
-
--gap: calc(var(--space)
|
|
106
|
+
--gap: calc(var(--space));
|
|
107
107
|
--gap-body: var(--space-2);
|
|
108
108
|
--gap-header: var(--space-8);
|
|
109
109
|
--gap-footer: calc(var(--gap-body) * 1.5);
|
package/_standard-05-rhythm.scss
CHANGED
|
@@ -62,13 +62,13 @@
|
|
|
62
62
|
//*
|
|
63
63
|
> :where(:is(#{$rhythm-tags})) ~ :where(:is(h1, h2)) {
|
|
64
64
|
margin-block-start: calc(
|
|
65
|
-
var(--gap) * calc(var(--gap-multiplicator, 2) +
|
|
65
|
+
var(--gap) * calc(var(--gap-multiplicator, 2) + 2)
|
|
66
66
|
);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
> :where(:is(#{$rhythm-tags})) ~ :where(:is(h3, h4, h5, h6)) {
|
|
70
70
|
margin-block-start: calc(
|
|
71
|
-
var(--gap) * calc(var(--gap-multiplicator, 2) +
|
|
71
|
+
var(--gap) * calc(var(--gap-multiplicator, 2) + 1)
|
|
72
72
|
);
|
|
73
73
|
}
|
|
74
74
|
|
package/_standard-09-lists.scss
CHANGED
|
@@ -23,6 +23,19 @@
|
|
|
23
23
|
/* BUTTONS */
|
|
24
24
|
/* =========================== */
|
|
25
25
|
|
|
26
|
+
/* Keycaps */
|
|
27
|
+
kbd {
|
|
28
|
+
background-color: var(--color-surface);
|
|
29
|
+
border: none;
|
|
30
|
+
border-radius: 15%;
|
|
31
|
+
box-shadow: var(--shadow-raised);
|
|
32
|
+
padding: var(--space-d4) var(--space-d4);
|
|
33
|
+
font-family: var(--font-monospace);
|
|
34
|
+
font-size: var(--size-2xs);
|
|
35
|
+
color: var(--color-foreground);
|
|
36
|
+
pointer-events: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
26
39
|
.loader {
|
|
27
40
|
width: var(--size-lg);
|
|
28
41
|
height: var(--size-lg);
|
|
@@ -131,15 +131,15 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.max-w-small {
|
|
134
|
-
max-width: var(--
|
|
134
|
+
max-width: var(--line-width-sm) !important;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.max-w-large {
|
|
138
|
-
max-width: var(--
|
|
138
|
+
max-width: var(--line-width-lg) !important;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.max-w-
|
|
142
|
-
max-width: var(--
|
|
141
|
+
.max-w-medium {
|
|
142
|
+
max-width: var(--line-width-md) !important;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
.max-w-line {
|
|
@@ -434,6 +434,11 @@
|
|
|
434
434
|
font-weight: var(--font-weight-bold) !important;
|
|
435
435
|
}
|
|
436
436
|
|
|
437
|
+
|
|
438
|
+
.font-header {
|
|
439
|
+
font-family: var(--font-header) !important;
|
|
440
|
+
}
|
|
441
|
+
|
|
437
442
|
.font-normal {
|
|
438
443
|
font-weight: var(--font-weight) !important;
|
|
439
444
|
}
|