blob: 56cd451ca6750f076e319376c2941ab4306d904f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
@use '../base' as *;
// --------------------------------
// (START) Global editor code https://codyhouse.co/ds/globals/spacing
// --------------------------------
// 👇 uncomment to modify default spacing scale
// :root {
// --space-unit: 1rem;
// }
:root, * {
--space-xxxxs: calc(0.125 * var(--space-unit));
--space-xxxs: calc(0.25 * var(--space-unit));
--space-xxs: calc(0.375 * var(--space-unit));
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit));
--space-md: calc(1.25 * var(--space-unit));
--space-lg: calc(2 * var(--space-unit));
--space-xl: calc(3.25 * var(--space-unit));
--space-xxl: calc(5.25 * var(--space-unit));
--space-xxxl: calc(8.5 * var(--space-unit));
--space-xxxxl: calc(13.75 * var(--space-unit));
--component-padding: var(--space-sm);
}
@include breakpoint(md) {
:root, * {
--space-xxxxs: calc(0.1875 * var(--space-unit));
--space-xxxs: calc(0.375 * var(--space-unit));
--space-xxs: calc(0.5625 * var(--space-unit));
--space-xs: calc(0.75 * var(--space-unit));
--space-sm: calc(1.125 * var(--space-unit));
--space-md: calc(2 * var(--space-unit));
--space-lg: calc(3.125 * var(--space-unit));
--space-xl: calc(5.125 * var(--space-unit));
--space-xxl: calc(8.25 * var(--space-unit));
--space-xxxl: calc(13.25 * var(--space-unit));
--space-xxxxl: calc(21.5 * var(--space-unit));
}
}
// --------------------------------
// (END) Global editor code
// --------------------------------
|
