diff options
Diffstat (limited to 'src/objects/_action-button.scss')
| -rw-r--r-- | src/objects/_action-button.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 19cf37b..47e2c93 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss | |||
| @@ -106,7 +106,9 @@ | |||
| 106 | text-overflow: ellipsis; | 106 | text-overflow: ellipsis; |
| 107 | white-space: nowrap; | 107 | white-space: nowrap; |
| 108 | 108 | ||
| 109 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 109 | &:link, |
| 110 | &:visited, | ||
| 111 | &:enabled { | ||
| 110 | &:hover { | 112 | &:hover { |
| 111 | border-color: fn.color(--hover --border); | 113 | border-color: fn.color(--hover --border); |
| 112 | background-color: fn.color(--hover --bg); | 114 | background-color: fn.color(--hover --bg); |
| @@ -137,7 +139,9 @@ | |||
| 137 | box-shadow: fn.color(--selected --shadow); | 139 | box-shadow: fn.color(--selected --shadow); |
| 138 | color: fn.color(--selected --label); | 140 | color: fn.color(--selected --label); |
| 139 | 141 | ||
| 140 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 142 | &:link, |
| 143 | &:visited, | ||
| 144 | &:enabled { | ||
| 141 | &:hover, | 145 | &:hover, |
| 142 | &:active { | 146 | &:active { |
| 143 | border-color: fn.color(--selected --hover --border); | 147 | border-color: fn.color(--selected --hover --border); |
| @@ -163,7 +167,9 @@ | |||
| 163 | box-shadow: none; | 167 | box-shadow: none; |
| 164 | color: fn.color(--quiet --label); | 168 | color: fn.color(--quiet --label); |
| 165 | 169 | ||
| 166 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 170 | &:link, |
| 171 | &:visited, | ||
| 172 | &:enabled { | ||
| 167 | &:hover { | 173 | &:hover { |
| 168 | border-color: transparent; | 174 | border-color: transparent; |
| 169 | background-color: fn.color(--quiet --hover --bg); | 175 | background-color: fn.color(--quiet --hover --bg); |
| @@ -194,7 +200,9 @@ | |||
| 194 | box-shadow: none; | 200 | box-shadow: none; |
| 195 | color: fn.color(--quiet --selected --label); | 201 | color: fn.color(--quiet --selected --label); |
| 196 | 202 | ||
| 197 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 203 | &:link, |
| 204 | &:visited, | ||
| 205 | &:enabled { | ||
| 198 | &:hover, | 206 | &:hover, |
| 199 | &:active { | 207 | &:active { |
| 200 | border-color: transparent; | 208 | border-color: transparent; |
| @@ -221,7 +229,9 @@ | |||
| 221 | box-shadow: fn.color(--disabled --shadow); | 229 | box-shadow: fn.color(--disabled --shadow); |
| 222 | color: fn.color(--disabled --label); | 230 | color: fn.color(--disabled --label); |
| 223 | 231 | ||
| 224 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 232 | &:link, |
| 233 | &:visited, | ||
| 234 | &:enabled { | ||
| 225 | &:hover, | 235 | &:hover, |
| 226 | &:active { | 236 | &:active { |
| 227 | border-color: fn.color(--disabled --border); | 237 | border-color: fn.color(--disabled --border); |
| @@ -237,7 +247,9 @@ | |||
| 237 | box-shadow: none; | 247 | box-shadow: none; |
| 238 | color: fn.color(--quiet --disabled --label); | 248 | color: fn.color(--quiet --disabled --label); |
| 239 | 249 | ||
| 240 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 250 | &:link, |
| 251 | &:visited, | ||
| 252 | &:enabled { | ||
| 241 | &:hover, | 253 | &:hover, |
| 242 | &:active { | 254 | &:active { |
| 243 | border-color: transparent; | 255 | border-color: transparent; |
