diff options
Diffstat (limited to 'assets/css/scopes/_small.scss')
-rw-r--r-- | assets/css/scopes/_small.scss | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/assets/css/scopes/_small.scss b/assets/css/scopes/_small.scss index f7aa61c..a4cc596 100644 --- a/assets/css/scopes/_small.scss +++ b/assets/css/scopes/_small.scss | |||
@@ -1,16 +1,25 @@ | |||
1 | @include namespace('small') { | 1 | @use 'iro-sass/src/index' as iro; |
2 | @include store(( | 2 | @use 'iro-design/src/functions' as fn; |
3 | |||
4 | @include iro.props-namespace('small') { | ||
5 | @include iro.props-store(( | ||
3 | --colors: ( | 6 | --colors: ( |
4 | --fg: prop(--colors --fg-hi, $global: true), | 7 | --fg: fn.global-color(--fg-hi), |
8 | ), | ||
9 | ), 'colors'); | ||
10 | |||
11 | @include iro.props-store(( | ||
12 | --dims: ( | ||
13 | --margin-top: fn.global-dim(--size --75), | ||
5 | ) | 14 | ) |
6 | )); | 15 | ), 'dims'); |
7 | 16 | ||
8 | @include scope(namespace()) { | 17 | @include iro.bem-scope(iro.props-namespace()) { |
9 | color: prop(--colors --fg); | 18 | color: fn.color(--fg); |
10 | line-height: 1.4; | 19 | line-height: 1.4; |
11 | 20 | ||
12 | p { | 21 | p { |
13 | margin-top: $line-height * .25rem; | 22 | margin-top: fn.dim(--margin-top); |
14 | } | 23 | } |
15 | } | 24 | } |
16 | } | 25 | } |