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

126 lines
3.7 KiB
SCSS
Raw Normal View History

2014-11-13 18:15:48 +00:00
@import "functions";
2014-11-23 17:06:45 +00:00
@import "global";
/*********
! Sidebar
**********/
2014-11-13 18:15:48 +00:00
@include exports("sidebar") {
.sidebar {
&, &.view, & .view, & GtkScrolledWindow {
background-color: $bg_color;
color: mix($fg_color, $bg_color, 0.1);
&.separator {
&, &:hover, &:focus {
border-width: 1px;
border-style: solid;
border-color: shade($bg_color, 0.9);
color: shade($bg_color, 0.9);
}
2014-11-14 16:13:25 +00:00
}
2014-11-13 18:15:48 +00:00
}
row, .view row {
&:selected {
&, &:hover, &:focus {
border: none;
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:prelight {
border: none;
background-image: none;
background-color: shade($selected_bg_color, 1.05);
color: $selected_fg_color;
}
2014-11-13 18:15:48 +00:00
}
&:prelight {
border: none;
background-image: none;
background-color: shade($bg_color, 0.95);
color: $fg_color;
}
2014-11-13 18:15:48 +00:00
}
.frame { border-width: 0; }
2014-11-13 18:15:48 +00:00
GtkAssistant & {
padding: 4px;
border-width: 0 1px 0 0;
border-style: solid;
border-right-color: border_normal($bg_color);
border-radius: 0;
background-color: $bg_color;
color: mix($fg_color, $bg_color, 0.1);
2014-11-13 18:15:48 +00:00
&:dir(ltr) { border-width: 0 1px 0 0; }
&:dir(rtl) { border-width: 0 0 0 1px; }
2014-11-23 17:06:45 +00:00
GtkLabel {
padding: $spacing ($spacing * 2);
2014-11-23 17:06:45 +00:00
&.highlight { background-color: mix($bg_color, $fg_color, 0.80); }
}
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
/***************
! Pane separator
****************/
@include exports("paneseparator") {
.pane-separator {
background-color: $bg_color;
color: transparent;
&, &.horizontal {
background-image: linear-gradient(to bottom,
shade($bg_color, 0.8) 0%,
shade($bg_color, 0.8) 20%,
transparent 20%,
transparent 45%,
shade($bg_color, 0.8) 45%,
shade($bg_color, 0.8) 55%,
transparent 55%,
transparent 80%,
shade($bg_color, 0.8) 80%,
shade($bg_color, 0.8)
);
background-size: 4px 10px;
background-repeat: no-repeat;
background-position: center center;
}
2014-12-06 11:57:06 +00:00
&.vertical {
background-image: linear-gradient(to right,
shade($bg_color, 0.8) 0%,
shade($bg_color, 0.8) 20%,
transparent 20%,
transparent 45%,
shade($bg_color, 0.8) 45%,
shade($bg_color, 0.8) 55%,
transparent 55%,
transparent 80%,
shade($bg_color, 0.8) 80%,
shade($bg_color, 0.8)
);
background-size: 10px 4px;
background-repeat: no-repeat;
background-position: center center;
}
2014-12-06 11:57:06 +00:00
}
}