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') { |