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

110 lines
2.7 KiB
SCSS
Raw Normal View History

2014-11-23 17:06:45 +00:00
/*********
! Sidebar
**********/
2014-11-13 18:15:48 +00:00
@include exports("sidebar") {
.sidebar {
2015-08-06 23:10:35 +00:00
&, &.view, .view, GtkScrolledWindow {
background-color: $bg_color;
2015-08-06 23:10:35 +00:00
color: mix($fg_color, $bg_color, .1);
&.separator {
&, &:hover, &:focus {
border-width: 1px;
border-style: solid;
2015-08-06 23:10:35 +00:00
border-color: shade($bg_color, .9);
color: shade($bg_color, .9);
}
2014-11-14 16:13:25 +00:00
}
2014-11-13 18:15:48 +00:00
}
row, .view row {
2014-12-28 14:54:48 +00:00
&:selected {
&, &:hover, &:focus {
2015-08-06 23:10:35 +00:00
border: 0;
2014-12-28 14:54:48 +00:00
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:prelight {
2015-08-06 23:10:35 +00:00
border: 0;
2014-12-28 14:54:48 +00:00
background-image: none;
background-color: shade($selected_bg_color, 1.05);
color: $selected_fg_color;
}
}
2014-11-13 18:15:48 +00:00
&:prelight {
2015-08-06 23:10:35 +00:00
border: 0;
background-image: none;
2015-05-31 16:20:35 +00:00
background-color: shade($bg_color, 1.05);
}
2014-11-13 18:15:48 +00:00
}
.frame { border-width: 0; }
.sidebar-icon {
padding-left: $spacing * 2;
padding-right: $spacing * 2;
}
2014-11-13 18:15:48 +00:00
GtkAssistant & {
2014-12-28 14:54:48 +00:00
padding: $spacing;
border-width: 0 1px 0 0;
border-style: solid;
border-right-color: border_normal($bg_color);
border-radius: 0;
background-color: $bg_color;
2015-08-06 23:10:35 +00:00
color: mix($fg_color, $bg_color, .1);
2014-11-13 18:15:48 +00:00
&:dir(ltr) { border-width: 0 1px 0 0; }
2015-08-06 23:10:35 +00:00
&:dir(rtl) { border-width: 0 0 0 1px; }
2014-11-23 17:06:45 +00:00
2015-05-31 16:20:35 +00:00
.label {
padding: $spacing ($spacing * 2);
2014-11-23 17:06:45 +00:00
2015-08-06 23:10:35 +00:00
&.highlight { background-color: mix($bg_color, $fg_color, .8); }
}
2014-11-23 17:06:45 +00:00
&.csd .sidebar { border-top-style: none; }
2014-11-23 17:06:45 +00:00
.highlight { font: bold; }
}
2014-11-13 18:15:48 +00:00
}
}
2014-12-06 11:57:06 +00:00
2015-05-31 16:20:35 +00:00
/******
! Paned
*******/
2014-12-06 11:57:06 +00:00
2015-05-31 16:20:35 +00:00
@include exports("paned") {
GtkPaned {
-GtkPaned-handle-size: 1;
-gtk-icon-source: none;
margin: 0 $spacing;
2016-04-05 16:16:57 +00:00
&:dir(rtl) {
margin-right: 0;
margin-left: $spacing;
}
2015-05-31 16:20:35 +00:00
2016-04-05 16:16:57 +00:00
.pane-separator { background-color: shade($bg_color, .9); }
2015-05-31 16:20:35 +00:00
2016-04-05 16:16:57 +00:00
&.wide {
-GtkPaned-handle-size: 4;
margin: 0;
2015-05-31 16:20:35 +00:00
2016-04-05 16:16:57 +00:00
.pane-separator {
background-color: transparent;
border-style: none solid;
border-color: shade($bg_color, .9);
border-width: 1px;
}
2015-05-31 16:20:35 +00:00
2016-04-05 16:16:57 +00:00
&.vertical .pane-separator { border-style: solid none; }
}
2015-05-31 16:20:35 +00:00
}
2014-12-06 11:57:06 +00:00
}