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); |
