diff options
Diffstat (limited to 'assets/css/_declare-vars.scss')
-rw-r--r-- | assets/css/_declare-vars.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/assets/css/_declare-vars.scss b/assets/css/_declare-vars.scss new file mode 100644 index 0000000..4a9513c --- /dev/null +++ b/assets/css/_declare-vars.scss | |||
@@ -0,0 +1,31 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use 'iro-design/src/functions' as fn; | ||
3 | |||
4 | @include iro.props-store(( | ||
5 | --dims: ( | ||
6 | --font-size: ( | ||
7 | --50: iro.fn-px-to-rem(13px), | ||
8 | --75: iro.fn-px-to-rem(14px), | ||
9 | --100: iro.fn-px-to-rem(16px), | ||
10 | --150: iro.fn-px-to-rem(18px), | ||
11 | --200: iro.fn-px-to-rem(20px), | ||
12 | --300: iro.fn-px-to-rem(24px), | ||
13 | --400: iro.fn-px-to-rem(28px), | ||
14 | --500: iro.fn-px-to-rem(32px), | ||
15 | --600: iro.fn-px-to-rem(36px), | ||
16 | --700: iro.fn-px-to-rem(40px), | ||
17 | --800: iro.fn-px-to-rem(45px), | ||
18 | --900: iro.fn-px-to-rem(50px), | ||
19 | --1000: iro.fn-px-to-rem(60px), | ||
20 | --1100: iro.fn-px-to-rem(70px), | ||
21 | ), | ||
22 | |||
23 | --paragraph: ( | ||
24 | --margin-top: fn.dim(--size --400, null), | ||
25 | ), | ||
26 | |||
27 | --heading: ( | ||
28 | --margin-top: fn.dim(--size --700, null), | ||
29 | ), | ||
30 | ) | ||
31 | ), 'dims'); | ||