diff options
Diffstat (limited to 'src')
| -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 { |
