diff options
author | Volpeon <git@volpeon.ink> | 2022-02-05 18:32:31 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-05 18:32:31 +0100 |
commit | 1cb77f7c4cb27e40e368656b6536bb208d96aef9 (patch) | |
tree | f2e21f92a50c78895473d998811488fdb96cfec3 /src/index.scss | |
parent | Added button (diff) | |
download | iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.tar.gz iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.tar.bz2 iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.zip |
Added text field
Diffstat (limited to 'src/index.scss')
-rw-r--r-- | src/index.scss | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/index.scss b/src/index.scss index 1d21d45..5a6a94c 100644 --- a/src/index.scss +++ b/src/index.scss | |||
@@ -6,12 +6,15 @@ | |||
6 | 6 | ||
7 | @import 'layouts/container'; | 7 | @import 'layouts/container'; |
8 | 8 | ||
9 | @import 'objects/icon'; | ||
9 | @import 'objects/heading'; | 10 | @import 'objects/heading'; |
10 | @import 'objects/rule'; | 11 | @import 'objects/rule'; |
11 | @import 'objects/button'; | 12 | @import 'objects/button'; |
13 | @import 'objects/text-field'; | ||
12 | 14 | ||
13 | :root { | 15 | :root { |
14 | @include iro.props-assign; | 16 | @include iro.props-assign; |
17 | @include iro.props-assign('light-palette'); | ||
15 | 18 | ||
16 | @each $breakpoint in map-keys(media.$breakpoints) { | 19 | @each $breakpoint in map-keys(media.$breakpoints) { |
17 | @include media.media('<=#{$breakpoint}') { | 20 | @include media.media('<=#{$breakpoint}') { |
@@ -25,8 +28,8 @@ | |||
25 | } | 28 | } |
26 | 29 | ||
27 | @include iro.bem-theme('raised') { | 30 | @include iro.bem-theme('raised') { |
28 | @include iro.props-assign($root: --colors, $prefix: --colors); | 31 | @include iro.props-assign('light-raised-palette'); |
29 | @include iro.props-assign('light-raised'); | 32 | @include iro.props-assign; |
30 | 33 | ||
31 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { | 34 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { |
32 | @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent); | 35 | @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent); |
@@ -35,14 +38,15 @@ | |||
35 | 38 | ||
36 | /*@media (prefers-color-scheme: dark) { | 39 | /*@media (prefers-color-scheme: dark) { |
37 | @include iro.props-assign('dark'); | 40 | @include iro.props-assign('dark'); |
41 | @include iro.props-assign('dark-palette'); | ||
38 | 42 | ||
39 | @include iro.bem-theme('grayscale') { | 43 | @include iro.bem-theme('grayscale') { |
40 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); | 44 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); |
41 | } | 45 | } |
42 | 46 | ||
43 | @include iro.bem-theme('raised') { | 47 | @include iro.bem-theme('raised') { |
44 | @include iro.props-assign('dark', $root: --colors, $prefix: --colors); | 48 | @include iro.props-assign('dark-raised-palette'); |
45 | @include iro.props-assign('dark-raised'); | 49 | @include iro.props-assign('dark'); |
46 | 50 | ||
47 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { | 51 | @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { |
48 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); | 52 | @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent); |