numix-gtk-theme/gtk-3.0/scss/widgets/_toolbar.scss

124 lines
2.8 KiB
SCSS
Raw Normal View History

2014-07-05 19:54:53 +00:00
@import "button";
2014-12-19 19:44:22 +00:00
2014-11-23 17:06:45 +00:00
/*********
! Toolbar
**********/
2014-07-05 19:54:53 +00:00
@mixin toolbar($bg, $fg) {
@include linear-gradient($bg);
@include border($bg);
2015-05-31 16:20:35 +00:00
padding: $spacing * 2;
2014-07-05 19:54:53 +00:00
color: $fg;
&:insensitive {
2014-12-14 12:22:13 +00:00
@include linear-gradient(shade($bg, .9));
2014-07-05 19:54:53 +00:00
color: mix($fg, $bg, .5);
}
.title {
font: bold;
2014-11-13 19:59:02 +00:00
padding: 0 ($spacing * 2);
2014-07-05 19:54:53 +00:00
}
.subtitle {
font: smaller;
2014-11-13 19:59:02 +00:00
padding: 0 ($spacing * 2);
2014-07-05 19:54:53 +00:00
}
.button { @include button($bg, $fg); }
2014-12-14 11:47:14 +00:00
.button.linked, .linked .button { @include linked_button($bg); }
2014-12-13 14:17:53 +00:00
2014-07-05 19:54:53 +00:00
GtkComboBox, .button {
2014-11-13 19:59:02 +00:00
padding: $spacing - 1px;
2014-07-05 19:54:53 +00:00
2014-11-13 19:59:02 +00:00
&.text-button { padding: $spacing; }
2014-07-05 19:54:53 +00:00
2015-05-31 16:20:35 +00:00
&.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; }
2014-07-05 19:54:53 +00:00
}
GtkSeparatorToolItem, .separator, .separator:insensitive {
2014-12-19 21:53:56 +00:00
color: shade($bg, ($contrast + .1));
2014-07-05 19:54:53 +00:00
border-color: currentColor;
-GtkWidget-window-dragging: true;
}
.menubar { -GtkToolbar-button-relief: normal; }
}
@include exports("toolbar") {
.toolbar {
@include toolbar($bg_color, $fg_color);
2014-07-05 19:54:53 +00:00
border-style: none;
2015-05-31 16:20:35 +00:00
&.inline-toolbar {
background-image: none;
background-color: transparent;
}
}
2014-07-05 19:54:53 +00:00
.header-bar {
@include toolbar($titlebar_bg_color, $titlebar_fg_color);
2014-07-05 19:54:53 +00:00
border-width: 0 0 1px 0;
border-style: solid;
2014-07-05 19:54:53 +00:00
}
.titlebar {
@include linear-gradient($titlebar_bg_color);
2014-07-05 19:54:53 +00:00
border-radius: $roundness $roundness 0 0;
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
2014-07-05 19:54:53 +00:00
&:backdrop {
@include linear-gradient($titlebar_bg_color);
2014-07-05 19:54:53 +00:00
color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
text-shadow: none;
}
2014-07-05 19:54:53 +00:00
&.default-decoration {
border: none;
2014-11-13 19:59:02 +00:00
box-shadow: none;
2014-07-05 19:54:53 +00:00
}
.tiled &, .maximized & { border-radius: 0; }
.title { font: bold; }
.titlebutton {
padding: $spacing;
border: none;
2014-11-14 16:38:08 +00:00
background-image: none;
background-color: transparent;
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
2014-07-05 19:54:53 +00:00
box-shadow: none;
&:hover, &:hover:focus {
background-image: none;
background-color: transparent;
2015-08-06 19:39:22 +00:00
color: $selected_bg_color;
box-shadow: none;
}
&:active, &:active:hover {
background-image: none;
background-color: transparent;
2015-05-31 16:24:13 +00:00
color: shade($selected_bg_color, .9);
box-shadow: none;
}
&:backdrop {
background: none;
2015-05-31 16:24:13 +00:00
color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
icon-shadow: none;
}
2014-07-05 19:54:53 +00:00
}
}
}