diff options
Diffstat (limited to 'src/index.scss')
-rw-r--r-- | src/index.scss | 47 |
1 files changed, 38 insertions, 9 deletions
diff --git a/src/index.scss b/src/index.scss index dc71caa..292785d 100644 --- a/src/index.scss +++ b/src/index.scss | |||
@@ -1,19 +1,48 @@ | |||
1 | @use 'iro-sass/src/props'; | 1 | @use 'iro-sass/src/index' as iro; |
2 | 2 | @use 'include-media/dist/include-media' as media; | |
3 | @import 'include-media/dist/include-media'; | ||
4 | 3 | ||
5 | @import 'vars'; | 4 | @import 'vars'; |
5 | @import 'general'; | ||
6 | |||
7 | @import 'layouts/container'; | ||
8 | |||
9 | @import 'objects/heading'; | ||
10 | @import 'objects/rule'; | ||
6 | 11 | ||
7 | :root { | 12 | :root { |
8 | @include props.assign; | 13 | @include iro.props-assign; |
9 | 14 | ||
10 | @each $breakpoint in map-keys($breakpoints) { | 15 | @each $breakpoint in map-keys(media.$breakpoints) { |
11 | @include media('<=#{$breakpoint}') { | 16 | @include media.media('<=#{$breakpoint}') { |
12 | @include props.assign($breakpoint); | 17 | @include iro.props-assign($breakpoint); |
13 | } | 18 | } |
14 | } | 19 | } |
20 | } | ||
21 | |||
22 | @include iro.bem-theme('grayscale') { | ||
23 | @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent); | ||
24 | } | ||
25 | |||
26 | @include iro.bem-theme('raised') { | ||
27 | @include iro.props-assign('light-raised'); | ||
15 | 28 | ||
16 | @media (prefers-color-scheme: dark) { | 29 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { |
17 | @include props.assign('dark'); | 30 | @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent); |
18 | } | 31 | } |
19 | } | 32 | } |
33 | |||
34 | /*@media (prefers-color-scheme: dark) { | ||
35 | @include iro.props-assign('dark'); | ||
36 | |||
37 | @include iro.bem-theme('grayscale') { | ||
38 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); | ||
39 | } | ||
40 | |||
41 | @include iro.bem-theme('raised') { | ||
42 | @include iro.props-assign('dark-raised'); | ||
43 | |||
44 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { | ||
45 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); | ||
46 | } | ||
47 | } | ||
48 | }*/ | ||