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

100 lines
2.4 KiB
SCSS
Raw Normal View History

2016-04-09 04:30:09 +00:00
@import "button";
@import "toolbar";
/**************
! Action-bar *
***************/
@include exports("actionbar") {
actionbar > revealer > box {
2016-04-09 04:30:09 +00:00
padding: $spacing;
border-top: 1px solid $borders_color;
2016-04-09 04:30:09 +00:00
&:backdrop { border-color: $backdrop_borders_color; }
2016-04-09 04:30:09 +00:00
}
}
/****************************
! Search and Location bars *
*****************************/
2016-04-09 04:30:09 +00:00
@include exports("searchbar") {
searchbar,
.location-bar {
2016-04-09 04:30:09 +00:00
@include linear-gradient(shade($bg_color, .98));
border-width: 0 0 1px;
border-style: solid;
border-color: border_normal($bg_color);
color: $fg_color;
}
}
/******************
! Action buttons *
*******************/
@include exports("actionbuttons") {
$types: (
suggested: $success_color,
destructive: $error-color
);
@each $type, $color in $types {
2016-09-03 08:29:40 +00:00
.#{$type}-action {
2016-04-09 04:30:09 +00:00
@include button($color, $selected_fg_color);
}
}
}
/******************
! Selection mode *
*******************/
2016-04-09 04:30:09 +00:00
@include exports("selectionmode") {
headerbar,
.titlebar:not(headerbar) {
&.selection-mode {
2016-04-09 04:30:09 +00:00
@include toolbar($selected_bg_color, $selected_fg_color);
button {
2016-04-09 04:30:09 +00:00
@include button($selected_bg_color, $selected_fg_color);
2016-09-03 08:29:40 +00:00
&.suggested-action { @extend .suggested-action; }
2016-04-09 04:30:09 +00:00
}
&:backdrop {
background-color: $backdrop_selected_bg_color;
2016-04-09 04:30:09 +00:00
background-image: none;
}
.selection-menu {
&:backdrop, & {
color: shade($selected_bg_color, $contrast);
background-color: transparent;
background-image: none;
box-shadow: none;
border: 0;
2016-04-09 04:30:09 +00:00
&:hover { color: shade($selected_bg_color, ($contrast - .1)); }
2016-04-09 04:30:09 +00:00
&:active { color: shade($selected_bg_color, ($contrast - .05)); }
.arrow {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
color: transparentize($selected_fg_color, .5);
-gtk-icon-shadow: none;
}
}
2016-04-09 04:30:09 +00:00
}
.dim-label {
&, .selection-menu & { color: shade($selected_bg_color, ($contrast - .1)); }
2016-04-09 04:30:09 +00:00
}
}
}
}