AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-26 13:41:07 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: make entry and headerbar gradients sass functions

Browse Source
This commit is contained in:
Lapo Calamandrei 2014-09-02 15:21:42 +02:00
parent d40ea0ff5b
commit fef85f72ee
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
gtk/resources/theme/Adwaita/_drawing.scss
View File

@ -17,6 +17,10 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
// entries // entries
@function entry_gradient($c) {
@return linear-gradient(to bottom, darken($c,3%), $c 90%);
}
@mixin entry($t, $fc:$selected_bg_color, $noedge:false) { @mixin entry($t, $fc:$selected_bg_color, $noedge:false) {
// //
// Entries drawing function // Entries drawing function
@ -29,9 +33,7 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
// normal, focus, insensitive, backdrop, backdrop-insensitive; // normal, focus, insensitive, backdrop, backdrop-insensitive;
// //
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to bottom, background-image: entry_gradient($base_color);
darken($base_color,3%),
$base_color 90%);
$_blank_edge: if($noedge, none, 0 1px transparentize(white,1)); $_blank_edge: if($noedge, none, 0 1px transparentize(white,1));
$_entry_edge: if($noedge, none, $widget_edge); $_entry_edge: if($noedge, none, $widget_edge);
$_inner_shadows: inset 0 3px mix(black, $base_color, 3%), $_inner_shadows: inset 0 3px mix(black, $base_color, 3%),
@ -405,10 +407,13 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
lighten($selected_bg_color,6%)); lighten($selected_bg_color,6%));
} }
@function headerbar_gradient($c) {
@return linear-gradient(to bottom, lighten($c,4%), $c);
}
@mixin headerbar_fill($c:$bg_color) { @mixin headerbar_fill($c:$bg_color) {
background-image: linear-gradient(to bottom, background-image: headerbar_gradient($c);
lighten($c,4%),
$c);
box-shadow: inset 0 -1px mix($borders_color, $c, 30%), // bottom shade box-shadow: inset 0 -1px mix($borders_color, $c, 30%), // bottom shade
inset 0 1px $top_hilight; // top highlight inset 0 1px $top_hilight; // top highlight
} }