summaryrefslogtreecommitdiffstats
path: root/src/objects/_action-button.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-07 21:17:53 +0100
committerVolpeon <git@volpeon.ink>2022-02-07 21:17:53 +0100
commit7213f51c4d982a2eaf988574f109d13f55dbc285 (patch)
treeca795995a04a2845324804d87bd4409d6dadc6b5 /src/objects/_action-button.scss
parentImproved action menu example (diff)
downloadiro-design-7213f51c4d982a2eaf988574f109d13f55dbc285.tar.gz
iro-design-7213f51c4d982a2eaf988574f109d13f55dbc285.tar.bz2
iro-design-7213f51c4d982a2eaf988574f109d13f55dbc285.zip
Update
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r--src/objects/_action-button.scss24
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;