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

268 lines
6.8 KiB
SCSS
Raw Normal View History

2014-07-05 19:54:53 +00:00
@import "entry";
2014-11-23 17:06:45 +00:00
2014-11-29 13:02:31 +00:00
/*********
! Menubar
**********/
@include exports("menubar") {
.menubar {
-GtkWidget-window-dragging: true;
2014-11-29 13:02:31 +00:00
2015-08-06 23:10:35 +00:00
border: 0;
background-color: $menubar_bg_color;
2014-11-29 13:02:31 +00:00
background-image: none;
color: $menubar_fg_color;
&.menuitem, .menuitem {
padding: $spacing ($spacing * 2);
border: 1px solid transparent;
background-color: transparent;
2014-11-29 13:02:31 +00:00
background-image: none;
color: $menubar_fg_color;
2014-11-29 13:02:31 +00:00
&:hover {
2015-08-06 23:10:35 +00:00
border-color: mix($menubar_bg_color, $menubar_fg_color, .21);
background-color: mix($menubar_bg_color, $menubar_fg_color, .21);
background-image: none;
color: shade($menubar_fg_color, 1.08);
}
2015-08-06 23:10:35 +00:00
*:hover { color: shade($menubar_fg_color, 1.08); }
}
2014-11-29 13:02:31 +00:00
}
}
2014-11-23 17:06:45 +00:00
/******
! Menu
*******/
@include exports("menu") {
2015-05-31 16:20:35 +00:00
* {
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
}
GtkTreeMenu, GtkMenuToolButton, GtkComboBox {
&.menu, .menu {
background-color: $menu_bg_color;
margin: $spacing;
}
2014-07-05 19:54:53 +00:00
}
#toolbar-popup, .menu {
padding: 0;
border-radius: 0;
2015-08-06 23:10:35 +00:00
border: 0;
background-color: $menu_bg_color;
color: $menu_fg_color;
2014-07-05 19:54:53 +00:00
&:selected { background-color: $selected_bg_color; }
2014-07-05 19:54:53 +00:00
.button {
&, &:hover, &:active, &:active *:insensitive, &:insensitive {
border-width: 0;
background-color: transparent;
background-image: none;
}
2014-07-05 19:54:53 +00:00
}
}
.context-menu { font: initial; }
2014-07-05 19:54:53 +00:00
.menuitem {
GtkTreeMenu & {
padding: 0;
border-width: 0;
}
2014-07-05 19:54:53 +00:00
&, .menu & {
margin: $spacing;
padding: $spacing;
2015-08-06 23:10:35 +00:00
border: 0;
border-radius: 0;
background-color: transparent;
2014-07-05 19:54:53 +00:00
background-image: none;
2015-08-06 23:10:35 +00:00
-GtkMenuItem-arrow-scaling: .5;
2014-07-05 19:54:53 +00:00
&:active, &:hover {
2015-08-06 23:10:35 +00:00
border: 0;
background-color: $selected_bg_color;
background-image: none;
color: $selected_fg_color;
}
2014-07-05 19:54:53 +00:00
2015-08-06 23:10:35 +00:00
*:active, *:hover { color: $selected_fg_color; }
2014-07-05 19:54:53 +00:00
2015-08-06 23:10:35 +00:00
&:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); }
2014-07-05 19:54:53 +00:00
}
&.check, &.radio {
&, &:focus, &:hover, &:insensitive { background-image: none; }
2014-07-05 19:54:53 +00:00
&, &:focus, &:hover, &:active, &:insensitive {
border-style: none;
background-color: transparent;
}
}
&.separator {
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
2014-07-05 19:54:53 +00:00
border-style: none;
2014-12-19 21:53:56 +00:00
color: shade($menu_bg_color, ($contrast + .1));
2014-07-05 19:54:53 +00:00
}
2015-08-06 19:39:22 +00:00
&.button, &.button.flat {
&, &:focus, &:active, &:insensitive, &:active:insensitive {
background-color: transparent;
background-image: none;
2015-08-06 19:39:22 +00:00
border: 0;
box-shadow: none;
color: currentColor;
}
&:hover, &:focus:hover, &:active:hover, &:selected {
background-image: none;
2015-08-06 19:39:22 +00:00
background-color: $selected_bg_color;
color: $selected_fg_color;
}
2014-07-05 19:54:53 +00:00
}
GtkCalendar {
&:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); }
2014-07-05 19:54:53 +00:00
.button {
border-style: none;
background-color: transparent;
background-image: none;
}
2014-07-05 19:54:53 +00:00
}
.accelerator {
color: alpha($menu_fg_color, .6);
2014-07-05 19:54:53 +00:00
&:hover { color: alpha($selected_fg_color, .8); }
2014-07-05 19:54:53 +00:00
&:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); }
}
.entry { @include entry($menu_bg_color, $menu_fg_color); }
2014-07-05 19:54:53 +00:00
}
GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; }
2014-07-05 19:54:53 +00:00
}
2014-11-23 17:06:45 +00:00
/*********
! Popover
**********/
@include exports("popover") {
GtkPopover {
@include border($menu_bg_color);
margin: 10px;
padding: $spacing;
border-radius: $roundness;
border-width: 1px;
border-style: solid;
background-clip: border-box;
2014-11-29 13:02:31 +00:00
background-color: $menu_bg_color;
background-image: none;
2014-11-29 13:02:31 +00:00
color: $menu_fg_color;
2015-08-06 23:10:35 +00:00
box-shadow: 0 3px 6px alpha($black, .16);
2014-07-05 19:54:53 +00:00
&.background {
2014-07-05 19:54:53 +00:00
background-image: none;
background-color: $menu_bg_color;
color: $menu_fg_color;
2014-07-05 19:54:53 +00:00
}
&:backdrop { box-shadow: none; }
2014-07-05 19:54:53 +00:00
&.osd {
2015-08-06 23:10:35 +00:00
box-shadow: 0 2px 7px 3px alpha($black, .5);
2014-11-29 13:02:31 +00:00
> .toolbar .button {
border-radius: 0;
border-width: 0;
2014-12-14 12:46:10 +00:00
background-color: transparent;
background-image: none;
2014-12-14 12:46:10 +00:00
}
}
2015-05-31 16:20:35 +00:00
.view, .list {
background-color: shade($menu_bg_color, ($contrast + .5));
2014-12-14 12:46:10 +00:00
background-image: none;
2015-08-06 19:39:22 +00:00
color: $menu_fg_color;
2016-04-05 15:22:30 +00:00
&:hover {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
2014-12-14 12:46:10 +00:00
}
.list-row {
&, &.button {
background-color: transparent;
2014-12-14 12:46:10 +00:00
background-image: none;
color: $menu_fg_color;
&:focus, &:hover, &:active {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
}
2014-12-14 12:46:10 +00:00
.frame {
border-color: border_normal($menu_bg_color);
border-radius: $roundness;
}
.entry { @include entry($menu_bg_color, $menu_fg_color); }
.button { @include button($menu_bg_color, $menu_fg_color); }
> .list, > .view, > .toolbar { background-color: transparent; }
.separator {
border: 0;
2014-11-29 13:02:31 +00:00
background-color: transparent;
2016-04-05 15:22:30 +00:00
color: shade($menu_bg_color, ($contrast + .1));
font-size: 80%;
font-weight: bold;
2014-11-29 13:02:31 +00:00
}
}
GtkModelButton.button {
2014-12-14 12:46:10 +00:00
&, &:backdrop {
@include button(transparent, currentColor);
2016-04-05 15:22:30 +00:00
&:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected {
background-image: none;
2014-12-14 12:46:10 +00:00
background-color: $selected_bg_color;
color: $selected_fg_color;
2016-04-05 15:22:30 +00:00
box-shadow: none;
}
&.flat {
&:checked {
box-shadow: none;
}
&, &:hover {
transition: none;
}
}
}
2014-11-29 13:02:31 +00:00
}
}