Improve flat buttons style

This commit is contained in:
EliverLara
2020-01-02 12:40:24 -06:00
parent b84aa67170
commit 23af899b83
5 changed files with 53 additions and 94 deletions

View File

@@ -45,6 +45,7 @@ button {
&:hover {
transition: $button_transition;
transition-duration: 500ms;
@include button(hover,$selected_bg_color,$selected_fg_color);
&:active { transition: $button_transition; }
}
@@ -408,7 +409,7 @@ toolbar {
// needed since those are flat...
@include button(undecorated);
&:hover { color: $selected_bg_color; }
&:hover { color: $selected_fg_color; }
&:active,
&:checked{ color: darken($selected_bg_color, 5%); }

View File

@@ -223,16 +223,6 @@ notebook {
// FIXME: generalize .small-button?
min-width: 20px;
min-height: 20px;
&:last-child {
margin-left: 4px;
margin-right: -4px;
}
&:first-child {
margin-left: -4px;
margin-right: 4px;
}
}
}
@@ -296,15 +286,4 @@ notebook {
&:backdrop { background-color: $backdrop_base_color; }
}
button.flat{
&, &:backdrop {
border: none;
background-color: transparent;
}
&:hover, &:active, &:checked {
background: $selected_bg_color;
}
padding: 2px 4px;
}
}