Adwaita: move the header-bar fill in a mixin.

This commit is contained in:
Lapo Calamandrei 2014-09-01 17:31:36 +02:00
parent 3053d0d5e9
commit 87e2b37875
4 changed files with 15 additions and 11 deletions

View File

@ -932,18 +932,14 @@ GtkComboBox {
.titlebar,
.header-bar {
padding: 6px;
border-width: 0 0 1px;
border-style: solid;
border-color: $borders_color;
border-radius: 7px 7px 0 0;
background-color: transparent;
background-image: linear-gradient(to bottom,
lighten($bg_color,4%),
$bg_color);
box-shadow: inset 0 -1px mix($borders_color, $bg_color, 30%), // bottom shade
inset 0 1px $top_hilight; // top highlight
padding: 6px;
@include headerbar_fill;
&:backdrop {
border-color: $backdrop_borders_color;

View File

@ -404,3 +404,11 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
background-image: linear-gradient(to $dir, $selected_bg_color 2px,
lighten($selected_bg_color,6%));
}
@mixin headerbar_fill($c:$bg_color) {
background-image: linear-gradient(to bottom,
lighten($c,4%),
$c);
box-shadow: inset 0 -1px mix($borders_color, $c, 30%), // bottom shade
inset 0 1px $top_hilight; // top highlight
}

View File

@ -1156,14 +1156,14 @@ GtkComboBox {
***************/
.titlebar, GtkCalendar.header,
.header-bar {
padding: 6px;
border-width: 0 0 1px;
border-style: solid;
border-color: #1c1f1f;
border-radius: 7px 7px 0 0;
background-color: transparent;
background-image: linear-gradient(to bottom, #434a4a, #393f3f);
box-shadow: inset 0 -1px #303535, inset 0 1px rgba(238, 238, 236, 0.1);
padding: 6px; }
box-shadow: inset 0 -1px #303535, inset 0 1px rgba(238, 238, 236, 0.1); }
.titlebar:backdrop, GtkCalendar.header:backdrop,
.header-bar:backdrop {
border-color: #1e2222;

View File

@ -1148,14 +1148,14 @@ GtkComboBox {
***************/
.titlebar, GtkCalendar.header,
.header-bar {
padding: 6px;
border-width: 0 0 1px;
border-style: solid;
border-color: #a1a1a1;
border-radius: 7px 7px 0 0;
background-color: transparent;
background-image: linear-gradient(to bottom, #f7f7f7, #ededed);
box-shadow: inset 0 -1px #d6d6d6, inset 0 1px white;
padding: 6px; }
box-shadow: inset 0 -1px #d6d6d6, inset 0 1px white; }
.titlebar:backdrop, GtkCalendar.header:backdrop,
.header-bar:backdrop {
border-color: #a8a8a8;