diff options
author | Volpeon <git@volpeon.ink> | 2022-02-05 09:36:00 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-05 09:36:00 +0100 |
commit | 62c3ca9a9f51a8bbca93e5e003d5feb052806a2f (patch) | |
tree | aa67b5f409be9e318a6b55b12250699848bc2ae0 /src/index.scss | |
download | iro-design-62c3ca9a9f51a8bbca93e5e003d5feb052806a2f.tar.gz iro-design-62c3ca9a9f51a8bbca93e5e003d5feb052806a2f.tar.bz2 iro-design-62c3ca9a9f51a8bbca93e5e003d5feb052806a2f.zip |
Init
Diffstat (limited to 'src/index.scss')
-rw-r--r-- | src/index.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/index.scss b/src/index.scss new file mode 100644 index 0000000..dc71caa --- /dev/null +++ b/src/index.scss | |||
@@ -0,0 +1,19 @@ | |||
1 | @use 'iro-sass/src/props'; | ||
2 | |||
3 | @import 'include-media/dist/include-media'; | ||
4 | |||
5 | @import 'vars'; | ||
6 | |||
7 | :root { | ||
8 | @include props.assign; | ||
9 | |||
10 | @each $breakpoint in map-keys($breakpoints) { | ||
11 | @include media('<=#{$breakpoint}') { | ||
12 | @include props.assign($breakpoint); | ||
13 | } | ||
14 | } | ||
15 | |||
16 | @media (prefers-color-scheme: dark) { | ||
17 | @include props.assign('dark'); | ||
18 | } | ||
19 | } | ||