diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/_layouts.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_media.scss (renamed from src/layouts/_card.scss) | 2 | ||||
| -rw-r--r-- | src/objects/_heading.scss | 7 | ||||
| -rw-r--r-- | src/scopes/_headings.scss | 7 |
4 files changed, 12 insertions, 6 deletions
diff --git a/src/_layouts.scss b/src/_layouts.scss index 331eb7e..cc8b1c5 100644 --- a/src/_layouts.scss +++ b/src/_layouts.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'layouts/card'; | 1 | @use 'layouts/media'; |
| 2 | @use 'layouts/container'; | 2 | @use 'layouts/container'; |
| 3 | @use 'layouts/button-group'; | 3 | @use 'layouts/button-group'; |
| 4 | @use 'layouts/form'; | 4 | @use 'layouts/form'; |
diff --git a/src/layouts/_card.scss b/src/layouts/_media.scss index 176df06..61f3cda 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_media.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
| 2 | @use '../functions' as fn; | 2 | @use '../functions' as fn; |
| 3 | 3 | ||
| 4 | @include iro.props-namespace('card') { | 4 | @include iro.props-namespace('media') { |
| 5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
| 6 | --dims: ( | 6 | --dims: ( |
| 7 | --pad-x: fn.global-dim(--size --150), | 7 | --pad-x: fn.global-dim(--size --150), |
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index e73b074..d1f37e0 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -17,6 +17,7 @@ | |||
| 17 | 17 | ||
| 18 | display: block; | 18 | display: block; |
| 19 | margin-top: fn.global-dim(--heading --margin-top); | 19 | margin-top: fn.global-dim(--heading --margin-top); |
| 20 | transform: translateX(-.06em); | ||
| 20 | letter-spacing: normal; | 21 | letter-spacing: normal; |
| 21 | text-transform: none; | 22 | text-transform: none; |
| 22 | 23 | ||
| @@ -53,7 +54,8 @@ | |||
| 53 | --spacing: 1px | 54 | --spacing: 1px |
| 54 | )); | 55 | )); |
| 55 | 56 | ||
| 56 | color: fn.color(--strong); | 57 | transform: none; |
| 58 | color: fn.color(--strong); | ||
| 57 | } | 59 | } |
| 58 | 60 | ||
| 59 | @include iro.bem-modifier('xs') { | 61 | @include iro.bem-modifier('xs') { |
| @@ -65,7 +67,8 @@ | |||
| 65 | --spacing: 1px | 67 | --spacing: 1px |
| 66 | )); | 68 | )); |
| 67 | 69 | ||
| 68 | color: fn.color(--light); | 70 | transform: none; |
| 71 | color: fn.color(--light); | ||
| 69 | } | 72 | } |
| 70 | 73 | ||
| 71 | @include iro.bem-elem('primary') { | 74 | @include iro.bem-elem('primary') { |
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 2e7d88f..58bac7f 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
| @@ -13,6 +13,7 @@ | |||
| 13 | @include mx.set-font(--headline); | 13 | @include mx.set-font(--headline); |
| 14 | 14 | ||
| 15 | display: block; | 15 | display: block; |
| 16 | transform: translateX(-.06em); | ||
| 16 | letter-spacing: normal; | 17 | letter-spacing: normal; |
| 17 | text-transform: none; | 18 | text-transform: none; |
| 18 | } | 19 | } |
| @@ -47,7 +48,8 @@ | |||
| 47 | --spacing: 1px | 48 | --spacing: 1px |
| 48 | )); | 49 | )); |
| 49 | 50 | ||
| 50 | color: fn.foreign-color(--heading, --strong); | 51 | transform: none; |
| 52 | color: fn.foreign-color(--heading, --strong); | ||
| 51 | } | 53 | } |
| 52 | 54 | ||
| 53 | h6 { | 55 | h6 { |
| @@ -59,7 +61,8 @@ | |||
| 59 | --spacing: 1px | 61 | --spacing: 1px |
| 60 | )); | 62 | )); |
| 61 | 63 | ||
| 62 | color: fn.foreign-color(--heading, --light); | 64 | transform: none; |
| 65 | color: fn.foreign-color(--heading, --light); | ||
| 63 | } | 66 | } |
| 64 | 67 | ||
| 65 | @include iro.bem-elem('primary') { | 68 | @include iro.bem-elem('primary') { |
