60 lines
1.3 KiB
SCSS
60 lines
1.3 KiB
SCSS
paned {
|
|
> separator {
|
|
min-width: 2*$border_width;
|
|
min-height: 2*$border_width;
|
|
-gtk-icon-source: none; // defeats the ugly default handle decoration.
|
|
border-width: $border_width; //for some reason, it's drawn twice as wide (only in GTK3!)
|
|
border-style: solid;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
@include relief($bg_color);
|
|
@extend %draggable;
|
|
&:selected { @include relief($selected_bg_color); } // FIXME is this needed?
|
|
&:hover {
|
|
background-color: mix($bg_color, $fg_color, 90%)
|
|
}
|
|
&.wide {
|
|
min-width: 5px;
|
|
min-height: 5px;
|
|
|
|
}
|
|
}
|
|
|
|
&.horizontal > separator {
|
|
//background-repeat: repeat-y;
|
|
|
|
&:dir(ltr) {
|
|
//margin: 0 -8px 0 0;
|
|
//padding: 0 8px 0 0;
|
|
//background-position: left;
|
|
}
|
|
&:dir(rtl) {
|
|
//margin: 0 0 0 -8px;
|
|
//padding: 0 0 0 8px;
|
|
//background-position: right;
|
|
}
|
|
|
|
&.wide {
|
|
margin: 0;
|
|
padding: 0;
|
|
//background-repeat: repeat-y, repeat-y;
|
|
//background-position: left, right;
|
|
}
|
|
}
|
|
|
|
&.vertical > separator {
|
|
//margin: 0 0 -8px 0;
|
|
//padding: 0 0 8px 0;
|
|
//background-repeat: repeat-x;
|
|
//background-position: top;
|
|
|
|
&.wide {
|
|
margin: 0;
|
|
padding: 0;
|
|
//background-repeat: repeat-x, repeat-x;
|
|
//background-position: bottom, top;
|
|
}
|
|
}
|
|
}
|