diff options
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r-- | src/objects/_action-button.scss | 38 |
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 | ||