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

107 lines
2.3 KiB
SCSS
Raw Normal View History

2014-12-20 11:12:58 +00:00
@import "button";
@import "toolbar";
/**************
! Action-bar *
***************/
@include exports("actionbar") {
.action-bar {
@include linear-gradient($bg_color);
padding: $spacing;
2015-08-06 23:10:35 +00:00
border-width: 1px 0 0;
2014-12-20 11:12:58 +00:00
border-style: solid;
border-color: border_normal($bg_color);
color: $fg_color;
.button {
&.text-button { padding: $spacing - 1px; }
&.image-button { padding: $spacing + 1px; }
}
.title {
font: bold;
padding: 0 ($spacing * 2);
}
.subtitle {
font: smaller;
padding: 0 ($spacing * 2);
}
}
}
/***************
! Search bars *
****************/
@include exports("searchbar") {
.search-bar {
2015-08-06 23:10:35 +00:00
@include linear-gradient(shade($bg_color, .98));
2014-12-20 11:12:58 +00:00
2015-08-06 23:10:35 +00:00
border-width: 0 0 1px;
2014-12-20 11:12:58 +00:00
border-style: solid;
border-color: border_normal($bg_color);
color: $fg_color;
.button.close-button { padding: $spacing; }
}
}
/******************
! Action buttons *
*******************/
@include exports("actionbuttons") {
$types: (
2015-05-31 16:20:35 +00:00
suggested: $success_color,
2014-12-20 11:12:58 +00:00
destructive: $error-color
);
@each $type, $color in $types {
.#{$type}-action.button {
@include button($color, $selected_fg_color);
}
}
}
/******************
* selection mode *
******************/
@include exports("selectionmode") {
.selection-mode {
&.header-bar, &.toolbar {
@include toolbar($selected_bg_color, $selected_fg_color);
.button {
2015-08-06 19:39:22 +00:00
@include button($selected_bg_color, $selected_fg_color);
2014-12-20 11:12:58 +00:00
&.suggested-action { @extend .suggested-action.button; }
}
.selection-menu.button {
2015-08-06 23:10:35 +00:00
border: 0;
2014-12-20 11:12:58 +00:00
background-color: transparent;
background-image: none;
color: shade($selected_bg_color, $contrast);
&:hover { color: shade($selected_bg_color, ($contrast - .1)); }
&:active { color: shade($selected_bg_color, ($contrast - .05)); }
}
.dim-label, {
&, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); }
}
}
&.toolbar { padding: $spacing; }
}
}