aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.20/sass
diff options
context:
space:
mode:
authorHorst31802016-03-30 12:22:10 +0200
committerHorst31802016-03-30 14:32:13 +0200
commit3a0ce96a5b4bb680ab79d0bfcb38c60cfb16675b (patch)
treed97960a34f13708f86b2e1748afb7f76384062f2 /common/gtk-3.0/3.20/sass
parent80e4bfa1536442d53c0e3abb4174b696366f651a (diff)
downloadsolarc-theme-3a0ce96a5b4bb680ab79d0bfcb38c60cfb16675b.tar.gz
solarc-theme-3a0ce96a5b4bb680ab79d0bfcb38c60cfb16675b.tar.xz
solarc-theme-3a0ce96a5b4bb680ab79d0bfcb38c60cfb16675b.zip
simplify button styling
Diffstat (limited to 'common/gtk-3.0/3.20/sass')
-rw-r--r--common/gtk-3.0/3.20/sass/_common.scss78
1 files changed, 33 insertions, 45 deletions
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index 33805a9..2d9003d 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -994,42 +994,6 @@ headerbar,
.subtitle:link { @extend *:link:selected; }
- button {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- background-color: transparentize($selected_fg_color, 1);
- border-color: transparentize($selected_fg_color, 1);
-
- &.flat {
- @include button(undecorated);
- color: $selected_fg_color;
- background-color: transparentize($selected_fg_color, 1);
- }
- &:hover {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- background-color: transparentize($selected_fg_color, 0.95);
- border-color: transparentize($selected_fg_color, 0.5);
- }
- &:active, &:checked {
- color: $selection_mode_bg;
- outline-color: transparentize($selection_mode_bg, 0.7);
- background-color: $selected_fg_color;
- border-color: $selected_fg_color;
- }
- &:disabled {
- color: transparentize($selected_fg_color, 0.6);
- background-color: transparentize($selected_fg_color, 1);
- border-color: transparentize($selected_fg_color, 1);
-
- &:active, &:checked {
- color: transparentize($selection_mode_bg, 0.6);
- background-color: transparentize($selected_fg_color, 0.85);
- border-color: transparentize($selected_fg_color, 0.85);
- }
- }
- }
-
.selection-menu {
box-shadow: none;
padding-left: 10px;
@@ -1197,6 +1161,23 @@ headerbar {
&:disabled:active, &:disabled:checked { @include button(header-insensitive-active); }
}
+ &.selection-mode button {
+
+ &, &.flat {
+ @include button(undecorated);
+ color: $selected_fg_color;
+ background-color: transparentize($selected_fg_color, 1);
+ }
+ &:hover { @extend %normal_selected_button; }
+ &:active, &:checked { @extend %selected-button:active; }
+
+ &:disabled {
+ @extend %selected-button.flat:disabled;
+
+ &:checked, &:active { @extend %selected-button:disabled:checked; }
+ }
+ }
+
// Linking stuff
.linked:not(.vertical):not(.path-bar):not(.stack-switcher) {
button:not(:last-child):not(:only-child) { margin-right: 1px; }
@@ -2765,15 +2746,22 @@ infobar { border-style: none; }
// Buttons on selected backgrounds
//
%selected-button {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- background-color: transparentize($selected_fg_color, 1);
- border-color: transparentize($selected_fg_color, 0.5);
+
+ @at-root %normal_selected_button, & {
+ color: $selected_fg_color;
+ outline-color: transparentize($selected_fg_color, 0.7);
+ background-color: transparentize($selected_fg_color, 1);
+ border-color: transparentize($selected_fg_color, 0.5);
+ }
&.flat {
@include button(undecorated);
color: $selected_fg_color;
background-color: transparentize($selected_fg_color, 1);
+
+ &:disabled {
+ &, label { color: transparentize($selected_fg_color, 0.6); }
+ }
}
&:hover {
color: $selected_fg_color;
@@ -2788,14 +2776,14 @@ infobar { border-style: none; }
border-color: $selected_fg_color;
}
&:disabled {
- color: transparentize($selected_fg_color, 0.6);
+ &, label { color: transparentize($selected_fg_color, 0.5); }
background-color: transparentize($selected_fg_color, 1);
- border-color: transparentize($selected_fg_color, 0.8);
+ border-color: transparentize($selected_fg_color, 0.6);
&:active, &:checked {
- color: transparentize($selected_bg_color, 0.6);
- background-color: transparentize($selected_fg_color, 0.8);
- border-color: transparentize($selected_fg_color, 0.8);
+ color: $selected_bg_color;
+ background-color: transparentize($selected_fg_color, 0.5);
+ border-color: transparentize($selected_fg_color, 0.6);
}
}
}