diff options
-rw-r--r-- | src/objects/_card.scss | 7 | ||||
-rw-r--r-- | src/objects/_heading.scss | 8 | ||||
-rw-r--r-- | src/objects/_table.scss | 2 | ||||
-rw-r--r-- | src/scopes/_tables.scss | 2 |
4 files changed, 10 insertions, 9 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 1d2817d..f56a96c 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -123,7 +123,6 @@ | |||
123 | 123 | ||
124 | @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') { | 124 | @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') { |
125 | &:hover, | 125 | &:hover, |
126 | &:focus-visible, | ||
127 | &:active { | 126 | &:active { |
128 | @include iro.bem-elem('image') { | 127 | @include iro.bem-elem('image') { |
129 | opacity: .75; | 128 | opacity: .75; |
@@ -136,8 +135,10 @@ | |||
136 | box-shadow: none; | 135 | box-shadow: none; |
137 | 136 | ||
138 | @include iro.bem-elem('image') { | 137 | @include iro.bem-elem('image') { |
139 | outline: fn.color(--key-focus --border) solid fn.dim(--key-focus --border); | 138 | outline: fn.color(--key-focus --border) solid fn.dim(--key-focus --border); |
140 | box-shadow: 0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline); | 139 | opacity: 1; |
140 | background-color: fn.color(--quiet --hover --image); | ||
141 | box-shadow: 0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline); | ||
141 | } | 142 | } |
142 | } | 143 | } |
143 | } | 144 | } |
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 41b33e6..ad1806e 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -40,15 +40,15 @@ $sizes: 'xxl' 'xl' 'lg' 'md' 'sm' 'xs'; | |||
40 | } | 40 | } |
41 | 41 | ||
42 | @include iro.bem-modifier('xxl') { | 42 | @include iro.bem-modifier('xxl') { |
43 | @include mx.heading-strong(--lg); | 43 | @include mx.heading-strong(--xxl); |
44 | } | 44 | } |
45 | 45 | ||
46 | @include iro.bem-modifier('xl') { | 46 | @include iro.bem-modifier('xl') { |
47 | @include mx.heading-strong(--md); | 47 | @include mx.heading-strong(--xl); |
48 | } | 48 | } |
49 | 49 | ||
50 | @include iro.bem-modifier('lg') { | 50 | @include iro.bem-modifier('lg') { |
51 | @include mx.heading-medium(--md); | 51 | @include mx.heading-medium(--lg); |
52 | } | 52 | } |
53 | 53 | ||
54 | @include iro.bem-modifier('md') { | 54 | @include iro.bem-modifier('md') { |
@@ -60,7 +60,7 @@ $sizes: 'xxl' 'xl' 'lg' 'md' 'sm' 'xs'; | |||
60 | } | 60 | } |
61 | 61 | ||
62 | @include iro.bem-modifier('xs') { | 62 | @include iro.bem-modifier('xs') { |
63 | @include mx.heading-faint(--sm); | 63 | @include mx.heading-faint(--xs); |
64 | } | 64 | } |
65 | 65 | ||
66 | @include iro.bem-modifier('display') { | 66 | @include iro.bem-modifier('display') { |
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index ea243a2..2c9f65b 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
@@ -47,7 +47,7 @@ | |||
47 | padding-inline: fn.dim(--pad-i); | 47 | padding-inline: fn.dim(--pad-i); |
48 | padding-block: fn.dim(--pad-b); | 48 | padding-block: fn.dim(--pad-b); |
49 | color: fn.color(--heading); | 49 | color: fn.color(--heading); |
50 | text-align: left; | 50 | text-align: start; |
51 | } | 51 | } |
52 | 52 | ||
53 | @include iro.bem-elem('cell') { | 53 | @include iro.bem-elem('cell') { |
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index 016ed31..9b2124d 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss | |||
@@ -39,7 +39,7 @@ | |||
39 | padding-block: fn.dim(--pad-b); | 39 | padding-block: fn.dim(--pad-b); |
40 | padding-inline: fn.dim(--pad-i); | 40 | padding-inline: fn.dim(--pad-i); |
41 | color: fn.color(--heading); | 41 | color: fn.color(--heading); |
42 | text-align: left; | 42 | text-align: start; |
43 | } | 43 | } |
44 | 44 | ||
45 | td { | 45 | td { |