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 | ||
