diff options
author | Volpeon <git@volpeon.ink> | 2022-02-14 18:45:32 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-14 18:45:32 +0100 |
commit | 248a90eb5fe1f5fa624423b81d0b18df85fabe35 (patch) | |
tree | a6d112b0929f065ebf7ac6d2916550d6dc5ff469 /src/_declare-vars.scss | |
parent | Adjusted spacings (diff) | |
download | iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.tar.gz iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.tar.bz2 iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.zip |
Restructured size variables
Diffstat (limited to 'src/_declare-vars.scss')
-rw-r--r-- | src/_declare-vars.scss | 80 |
1 files changed, 54 insertions, 26 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 6b3cb4f..3f1320a 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -5,24 +5,52 @@ | |||
5 | 5 | ||
6 | @include iro.props-store(( | 6 | @include iro.props-store(( |
7 | --dims: ( | 7 | --dims: ( |
8 | --spacing: ( | 8 | --size: ( |
9 | --base: iro.fn-px-to-rem(24px), | 9 | --0: 0, |
10 | --factors: ( | 10 | --10: iro.fn-px-to-rem(1px), |
11 | --xxs: .125, | 11 | --25: iro.fn-px-to-rem(2px), |
12 | --xs: .25, | 12 | --40: iro.fn-px-to-rem(3px), |
13 | --sm: .5, | 13 | --50: iro.fn-px-to-rem(4px), |
14 | --md: 1, | 14 | --65: iro.fn-px-to-rem(5px), |
15 | --lg: 1.5, | 15 | --75: iro.fn-px-to-rem(6px), |
16 | --xl: 2, | 16 | --85: iro.fn-px-to-rem(7px), |
17 | --xxl: 2.5, | 17 | --100: iro.fn-px-to-rem(8px), |
18 | ), | 18 | --115: iro.fn-px-to-rem(9px), |
19 | --xxs: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xxs, null)), | 19 | --125: iro.fn-px-to-rem(10px), |
20 | --xs: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xs, null)), | 20 | --130: iro.fn-px-to-rem(11px), |
21 | --sm: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --sm, null)), | 21 | --150: iro.fn-px-to-rem(12px), |
22 | --md: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --md, null)), | 22 | --160: iro.fn-px-to-rem(13px), |
23 | --lg: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --lg, null)), | 23 | --175: iro.fn-px-to-rem(14px), |
24 | --xl: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xl, null)), | 24 | --200: iro.fn-px-to-rem(16px), |
25 | --xxl: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xxl, null)), | 25 | --225: iro.fn-px-to-rem(18px), |
26 | --250: iro.fn-px-to-rem(20px), | ||
27 | --275: iro.fn-px-to-rem(22px), | ||
28 | --300: iro.fn-px-to-rem(24px), | ||
29 | --325: iro.fn-px-to-rem(26px), | ||
30 | --400: iro.fn-px-to-rem(32px), | ||
31 | --450: iro.fn-px-to-rem(36px), | ||
32 | --500: iro.fn-px-to-rem(40px), | ||
33 | --550: iro.fn-px-to-rem(44px), | ||
34 | --600: iro.fn-px-to-rem(48px), | ||
35 | --700: iro.fn-px-to-rem(56px), | ||
36 | --800: iro.fn-px-to-rem(64px), | ||
37 | --900: iro.fn-px-to-rem(72px), | ||
38 | --1000: iro.fn-px-to-rem(80px), | ||
39 | --1200: iro.fn-px-to-rem(96px), | ||
40 | --1700: iro.fn-px-to-rem(136px), | ||
41 | --2400: iro.fn-px-to-rem(192px), | ||
42 | --2500: iro.fn-px-to-rem(200px), | ||
43 | --2600: iro.fn-px-to-rem(208px), | ||
44 | --2800: iro.fn-px-to-rem(224px), | ||
45 | --3200: iro.fn-px-to-rem(256px), | ||
46 | --3400: iro.fn-px-to-rem(272px), | ||
47 | --3500: iro.fn-px-to-rem(280px), | ||
48 | --3600: iro.fn-px-to-rem(288px), | ||
49 | --3800: iro.fn-px-to-rem(304px), | ||
50 | --4600: iro.fn-px-to-rem(368px), | ||
51 | --5000: iro.fn-px-to-rem(400px), | ||
52 | --6000: iro.fn-px-to-rem(480px), | ||
53 | --16000: iro.fn-px-to-rem(1280px), | ||
26 | ), | 54 | ), |
27 | 55 | ||
28 | --font: ( | 56 | --font: ( |
@@ -42,13 +70,13 @@ | |||
42 | ), | 70 | ), |
43 | 71 | ||
44 | --font-size: ( | 72 | --font-size: ( |
45 | --xs: iro.fn-px-to-rem(11px), | 73 | --50: iro.fn-px-to-rem(11px), |
46 | --sm: iro.fn-px-to-rem(13px), | 74 | --75: iro.fn-px-to-rem(13px), |
47 | --md: iro.fn-px-to-rem(14px), | 75 | --100: iro.fn-px-to-rem(14px), |
48 | --lg: iro.fn-px-to-rem(16px), | 76 | --150: iro.fn-px-to-rem(16px), |
49 | --xl: iro.fn-px-to-rem(18px), | 77 | --200: iro.fn-px-to-rem(18px), |
50 | --xxl: iro.fn-px-to-rem(22px), | 78 | --300: iro.fn-px-to-rem(22px), |
51 | --xxxl: iro.fn-px-to-rem(28px), | 79 | --400: iro.fn-px-to-rem(28px), |
52 | ), | 80 | ), |
53 | 81 | ||
54 | --border-width: ( | 82 | --border-width: ( |
@@ -60,7 +88,7 @@ | |||
60 | --focus-outline-width: 3px, | 88 | --focus-outline-width: 3px, |
61 | 89 | ||
62 | --paragraph: ( | 90 | --paragraph: ( |
63 | --margin-top: fn.dim(--spacing --sm, null), | 91 | --margin-top: fn.dim(--size --150, null), |
64 | ), | 92 | ), |
65 | 93 | ||
66 | --list: ( | 94 | --list: ( |