aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.16/_common.scss
diff options
context:
space:
mode:
authorHorst31802015-07-16 19:10:57 +0200
committerHorst31802015-07-16 19:10:57 +0200
commit026f409ecbadfc23c90586e26d6758e1b700f535 (patch)
tree84d4917f0ef46e978757852274e4a83e769f3745 /common/gtk-3.0/3.16/_common.scss
parentf073c56bfc65347ef99108a9cbffd4eb8a59ed22 (diff)
downloadsolarc-theme-026f409ecbadfc23c90586e26d6758e1b700f535.tar.gz
solarc-theme-026f409ecbadfc23c90586e26d6758e1b700f535.tar.xz
solarc-theme-026f409ecbadfc23c90586e26d6758e1b700f535.zip
cleaner action button styling
Diffstat (limited to 'common/gtk-3.0/3.16/_common.scss')
-rw-r--r--common/gtk-3.0/3.16/_common.scss56
1 files changed, 12 insertions, 44 deletions
diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss
index c1c2057..3f394df 100644
--- a/common/gtk-3.0/3.16/_common.scss
+++ b/common/gtk-3.0/3.16/_common.scss
@@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color;
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
- background-clip: border-box;
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
- background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
+ @include button(suggested_destructive, $b_color);
&.flat {
@include button(undecorated);
@@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color;
outline-color: transparentize($b_color, 0.7);
}
&:hover {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
- background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
+ @include button(suggested_destructive, lighten($b_color, 10%));
}
&:active, &:checked {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
- background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
+ @include button(suggested_destructive, darken($b_color, 10%));
}
&.flat:insensitive {
- color: transparentize($b_color, 0.55);
- }
- &:insensitive {
- color: transparentize($selected_fg_color, 0.4);
- opacity: 0.75;
-
- &:active, &:checked {
-
- }
+ @include button(undecorated);
+ color: transparentize($b_color, 0.35);
}
+ &:insensitive { opacity: 0.75; }
}
}
@@ -1252,11 +1236,7 @@ GtkComboBox {
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
.button.#{$b_type} {
- background-clip: border-box;
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
- background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
+ @include button(suggested_destructive, $b_color);
&.flat {
@include button(undecorated);
@@ -1264,28 +1244,16 @@ GtkComboBox {
outline-color: transparentize($b_color, 0.7);
}
&:hover {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
- background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
+ @include button(suggested_destructive, lighten($b_color, 10%));
}
&:active, &:checked {
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
- border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
- background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
+ @include button(suggested_destructive, darken($b_color, 10%));
}
&.flat:insensitive {
- color: transparentize($b_color, 0.55);
- }
- &:insensitive {
- color: transparentize($selected_fg_color, 0.4);
- opacity: 0.75;
-
- &:active, &:checked {
-
- }
+ @include button(undecorated);
+ color: transparentize($b_color, 0.35);
}
+ &:insensitive { opacity: 0.75; }
}
.button.#{$b_type}:backdrop,
.button.#{$b_type}:backdrop {