Skip to content
GitLab
Commit 9b8a4bc6 authored by Patrick H. Lauke's avatar Patrick H. Lauke
Browse files

Add extra styles for focused/hovered active outline buttons

parent 6ec9aa34
Hide whitespace changes
Inline Side-by-side
Showing
with 19 additions and 5 deletions
+19 -5
scss/mixins/_buttons.scss
+ 19
- 5
View file @ 9b8a4bc6
...@@ -64,19 +64,33 @@ ...@@ -64,19 +64,33 @@
background-color: transparent; background-color: transparent;
border-color: $color; border-color: $color;
@include hover {
color: #fff;
background-color: $color;
border-color: $color;
}
&:focus, &:focus,
&.focus, &.focus {
&:active,
&.active,
.open > &.dropdown-toggle {
color: #fff; color: #fff;
background-color: $color; background-color: $color;
border-color: $color; border-color: $color;
} }
@include hover {
&:active,
&.active,
.open > &.dropdown-toggle {
color: #fff; color: #fff;
background-color: $color; background-color: $color;
border-color: $color; border-color: $color;
&:hover,
&:focus,
&.focus {
color: #fff;
background-color: darken($color, 17%);
border-color: darken($color, 25%);
}
} }
&.disabled, &.disabled,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment