74 lines
1.3 KiB
SCSS
74 lines
1.3 KiB
SCSS
/***********
|
|
* Sidebar *
|
|
***********/
|
|
.sidebar {
|
|
padding:0;
|
|
border-style: solid;
|
|
background-color: $bg_color;
|
|
|
|
&.left {
|
|
border-right: 1px solid $borders_color;
|
|
border-left-style: none;
|
|
}
|
|
|
|
&.right {
|
|
border-left: 1px solid $borders_color;
|
|
border-right-style: none;
|
|
}
|
|
|
|
&:backdrop {
|
|
background-color: $backdrop_sidebar_bg_color;
|
|
border-color: $backdrop_borders_color;
|
|
transition: $backdrop_transition;
|
|
}
|
|
|
|
.frame {
|
|
border-width:0;
|
|
border-left-width:1px;
|
|
border-right-width:1px;
|
|
}
|
|
|
|
.sidebar-item,
|
|
.sidebar-row {
|
|
padding: 5px 8px;
|
|
|
|
GtkImage {
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
&:selected,
|
|
&:active {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
|
|
&:hover {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
box-shadow:none;
|
|
}
|
|
|
|
&:backdrop {
|
|
background-color: lighten($selected_bg_color, 20%);
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $base_color;
|
|
color: $fg_color;
|
|
box-shadow:0 1px 2px 0 transparentize(black, 0.8);
|
|
|
|
&:backdrop {
|
|
box-shadow:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.separator {
|
|
color: $borders_color;
|
|
}
|
|
|
|
.paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }}
|
|
|
|
}
|