|
|
@ -144,8 +144,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon-button { |
|
|
|
.icon-button { |
|
|
|
display: inline-flex; |
|
|
|
display: inline-block; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
color: $action-button-color; |
|
|
|
color: $action-button-color; |
|
|
|
border: 0; |
|
|
|
border: 0; |
|
|
@ -154,6 +153,7 @@ |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
transition: all 100ms ease-in; |
|
|
|
transition: all 100ms ease-in; |
|
|
|
transition-property: background-color, color; |
|
|
|
transition-property: background-color, color; |
|
|
|
|
|
|
|
text-decoration: none; |
|
|
|
|
|
|
|
|
|
|
|
&:hover, |
|
|
|
&:hover, |
|
|
|
&:active, |
|
|
|
&:active, |
|
|
@ -228,6 +228,12 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&--with-counter { |
|
|
|
|
|
|
|
display: inline-flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
width: auto !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&__counter { |
|
|
|
&__counter { |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
width: 14px; |
|
|
|
width: 14px; |
|
|
|