summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/objects/_card.scss7
-rw-r--r--src/objects/_heading.scss8
-rw-r--r--src/objects/_table.scss2
-rw-r--r--src/scopes/_tables.scss2
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 {