encounter/numix-blue-gtk-theme
0
0
Fork 0
mirror of https://github.com/encounter/numix-blue-gtk-theme.git synced 2026-07-10 12:18:49 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix flat buttons

Browse Source
This commit is contained in:
Satyajit Sahoo
2014-12-13 20:05:09 +05:30
parent 1bd02efcda
commit e8f4bef04c
1 changed files with 31 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gtk-3.0/scss/_button.scss
+31 -33
View File
@@ -15,16 +15,6 @@
-GtkWidget-focus-padding: 1; -GtkWidget-focus-padding: 1;
-GtkWidget-focus-line-width: 0; -GtkWidget-focus-line-width: 0;
&.flat {
color: inherit;
border: none;
background-color: transparent;
background-image: none;
box-shadow: none;
}
&.separator, .separator { border: 1px solid currentColor; }
} }
%linked_button { %linked_button {
@@ -113,46 +103,54 @@
@mixin button($bg, $fg) { @mixin button($bg, $fg) {
@include linear-gradient(shade($bg, 1.05)); @include linear-gradient(shade($bg, 1.05));
@include border(shade($bg, 1.05));
@extend %button; @extend %button;
border-color: border_normal($bg);
color: $fg; color: $fg;
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
&:focus, &:hover {
@include linear-gradient(shade($bg, 1.1));
border-color: border_focus($bg);
box-shadow: 0 1px 3px -1px alpha($dark_shadow, .5);
}
&:checked, &:active {
@include linear-gradient(shade($bg, .95));
border-color: border_active($bg);
box-shadow: inset 1px 0 alpha($dark_shadow, .07),
inset 0 1px alpha($dark_shadow, .08),
inset -1px 0 alpha($dark_shadow, .07),
inset 0 -1px alpha($dark_shadow, .05);
}
&:insensitive { &:insensitive {
@include linear-gradient(shade($bg, .95)); @include linear-gradient(shade($bg, .95));
border-color: border_insensitive($bg);
color: mix($bg, $fg, .5); color: mix($bg, $fg, .5);
box-shadow: none; box-shadow: none;
} }
&:active:insensitive, &, &.flat {
&:checked:insensitive { @include border(shade($bg, 1.05));
@include linear-gradient(shade($bg, .8));
&:focus, &:hover {
@include linear-gradient(shade($bg, 1.1));
box-shadow: 0 1px 3px -1px alpha($dark_shadow, .5);
}
&:checked, &:active {
@include linear-gradient(shade($bg, .95));
box-shadow: inset 1px 0 alpha($dark_shadow, .07),
inset 0 1px alpha($dark_shadow, .08),
inset -1px 0 alpha($dark_shadow, .07),
inset 0 -1px alpha($dark_shadow, .05);
}
&:active:insensitive,
&:checked:insensitive {
@include linear-gradient(shade($bg, .8));
box-shadow: none;
}
}
&.flat {
color: inherit;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; box-shadow: none;
} }
&.separator, .separator { &.separator, .separator {
border: 1px solid currentColor;
color: shade($bg, ($contrast + .05)); color: shade($bg, ($contrast + .05));
&:insensitive { color: shade($bg, .85); } &:insensitive { color: shade($bg, .85); }