summaryrefslogtreecommitdiffstats
path: root/src/objects/_action-button.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r--src/objects/_action-button.scss38
1 files changed, 31 insertions, 7 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 2dcbb12..1cce94f 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -103,6 +103,13 @@
103 background-color: fn.color(--active --bg); 103 background-color: fn.color(--active --bg);
104 color: fn.color(--active --label); 104 color: fn.color(--active --label);
105 } 105 }
106
107 @include iro.bem-at-theme('keyboard') {
108 &:focus {
109 background-color: fn.color(--hover --bg);
110 color: fn.color(--hover --label);
111 }
112 }
106 } 113 }
107 114
108 @include iro.bem-is('selected') { 115 @include iro.bem-is('selected') {
@@ -119,6 +126,13 @@
119 background-color: fn.color(--selected --bg); 126 background-color: fn.color(--selected --bg);
120 color: fn.color(--selected --hover --label); 127 color: fn.color(--selected --hover --label);
121 } 128 }
129
130 @include iro.bem-at-theme('keyboard') {
131 &:focus {
132 background-color: fn.color(--selected --bg);
133 color: fn.color(--selected --hover --label);
134 }
135 }
122 } 136 }
123 } 137 }
124 138
@@ -149,6 +163,13 @@
149 box-shadow: none; 163 box-shadow: none;
150 color: fn.color(--quiet --active --label); 164 color: fn.color(--quiet --active --label);
151 } 165 }
166
167 @include iro.bem-at-theme('keyboard') {
168 &:focus {
169 background-color: fn.color(--quiet --hover --bg);
170 color: fn.color(--quiet --hover --label);
171 }
172 }
152 } 173 }
153 174
154 @include iro.bem-is('selected') { 175 @include iro.bem-is('selected') {
@@ -170,18 +191,21 @@
170 box-shadow: none; 191 box-shadow: none;
171 color: fn.color(--quiet --selected --hover --label); 192 color: fn.color(--quiet --selected --hover --label);
172 } 193 }
194
195 @include iro.bem-at-theme('keyboard') {
196 &:focus {
197 background-color: fn.color(--quiet --selected --bg);
198 color: fn.color(--quiet --selected --hover --label);
199 }
200 }
173 } 201 }
174 } 202 }
175 } 203 }
176 204
177 @include iro.bem-at-theme('keyboard') { 205 @include iro.bem-at-theme('keyboard') {
178 &:link, 206 &:focus {
179 &:visited, 207 border-color: fn.color(--key-focus --border);
180 &:enabled { 208 box-shadow: inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
181 &:focus {
182 border-color: fn.color(--key-focus --border);
183 box-shadow: inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
184 }
185 } 209 }
186 } 210 }
187 211