247 lines
5.1 KiB
SCSS
247 lines
5.1 KiB
SCSS
|
/* Based on _Adwaita-base.scss from libhandy */
|
||
|
|
||
|
// HdyComboRow
|
||
|
|
||
|
popover.combo {
|
||
|
padding: 0;
|
||
|
|
||
|
list {
|
||
|
background-color: transparent;
|
||
|
|
||
|
> row {
|
||
|
padding: 0 10px;
|
||
|
min-height: 50px;
|
||
|
|
||
|
&:first-child { @extend %linked_vertical_top; }
|
||
|
&:last-child { @extend %linked_vertical_bottom; }
|
||
|
}
|
||
|
}
|
||
|
|
||
|
overshoot.top { @extend %linked_vertical_top; }
|
||
|
overshoot.bottom { @extend %linked_vertical_bottom; }
|
||
|
|
||
|
scrollbar.vertical {
|
||
|
//background-color: $_popover_bg;
|
||
|
|
||
|
&:dir(ltr) { @extend %linked_right; }
|
||
|
&:dir(rtl) { @extend %linked_left; }
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// HdyExpanderRow
|
||
|
|
||
|
row.expander {
|
||
|
padding: 0px;
|
||
|
|
||
|
&:checked image.expander-row-arrow:not(:disabled) {
|
||
|
color: $selected_bg_color;
|
||
|
}
|
||
|
|
||
|
image.expander-row-arrow:disabled {
|
||
|
color: $insensitive_fg_color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// HdyKeypad
|
||
|
|
||
|
keypad {
|
||
|
.digit {
|
||
|
font-size: 200%;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.letters {
|
||
|
font-size: 70%;
|
||
|
}
|
||
|
|
||
|
.symbol {
|
||
|
font-size: 160%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// HdyViewSwitcher
|
||
|
|
||
|
viewswitcher {
|
||
|
&, & button {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
button {
|
||
|
border-radius: 0;
|
||
|
border-top: 0;
|
||
|
border-bottom: 0;
|
||
|
|
||
|
&:not(:checked):not(:hover) {
|
||
|
background: transparent;
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
|
||
|
&:checked, &:active {
|
||
|
border-color: $selected_bg_color;
|
||
|
}
|
||
|
|
||
|
// View switcher button
|
||
|
> stack > box {
|
||
|
&.narrow {
|
||
|
font-size: 0.75rem;
|
||
|
padding-top: 7px;
|
||
|
padding-bottom: 5px;
|
||
|
|
||
|
image,
|
||
|
label {
|
||
|
padding-left: 8px;
|
||
|
padding-right: 8px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.wide {
|
||
|
padding: 8px 10px;
|
||
|
|
||
|
label {
|
||
|
&:dir(ltr) {
|
||
|
padding-right: 7px;
|
||
|
}
|
||
|
|
||
|
&:dir(rtl) {
|
||
|
padding-left: 7px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.needs-attention {
|
||
|
> stack > box label {
|
||
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_bg_color), to(transparent));
|
||
|
background-size: 6px 6px;
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: right 0px;
|
||
|
|
||
|
&:dir(rtl) {
|
||
|
background-position: left 0px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&:active > stack > box label {
|
||
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_fg_color), to(transparent));
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// HdyViewSwitcherBar
|
||
|
|
||
|
viewswitcherbar actionbar > revealer > box {
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
// Content list
|
||
|
|
||
|
list.content {
|
||
|
&,
|
||
|
list {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
// Nested rows background
|
||
|
list.nested > row:not(:active) {
|
||
|
&:not(:hover):not(:selected),
|
||
|
&:hover:not(.activatable):not(:selected) {
|
||
|
background-color: mix($bg_color, $base_color);
|
||
|
}
|
||
|
|
||
|
&:hover.activatable:not(:selected) {
|
||
|
background-color: if($variant != 'dark', mix($base_color, black, 95%), mix($base_color, white, 97%));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
> row {
|
||
|
// Regular rows and expander header rows background
|
||
|
&:not(.expander):not(:active):not(:hover):not(:selected),
|
||
|
&:not(.expander):not(:active):hover:not(.activatable):not(:selected),
|
||
|
&.expander row.header:not(:active):not(:hover):not(:selected),
|
||
|
&.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
|
||
|
background-color: $base_color;
|
||
|
}
|
||
|
|
||
|
&:not(.expander):not(:active):hover.activatable:not(:selected),
|
||
|
&.expander row.header:not(:active):hover.activatable:not(:selected) {
|
||
|
background-color: if($variant != 'dark', mix($base_color, black, 95%), mix($base_color, white, 97%));
|
||
|
}
|
||
|
|
||
|
&,
|
||
|
list > row {
|
||
|
border-color: $borders_color;
|
||
|
border-style: solid;
|
||
|
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
|
}
|
||
|
|
||
|
// Top border
|
||
|
&:not(:last-child) {
|
||
|
border-width: 1px 1px 0px 1px;
|
||
|
}
|
||
|
|
||
|
// Rounded top
|
||
|
&:first-child,
|
||
|
&.expander:first-child row.header,
|
||
|
&.expander:checked,
|
||
|
&.expander:checked row.header,
|
||
|
&.expander:checked + row,
|
||
|
&.expander:checked + row.expander row.header {
|
||
|
@extend %linked_vertical_top;
|
||
|
}
|
||
|
|
||
|
// Bottom border
|
||
|
&:last-child,
|
||
|
&.checked-expander-row-previous-sibling,
|
||
|
&.expander:checked {
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
|
||
|
// Rounded bottom
|
||
|
&:last-child,
|
||
|
&.checked-expander-row-previous-sibling,
|
||
|
&.expander:checked,
|
||
|
&.expander:not(:checked):last-child row.header,
|
||
|
&.expander:not(:checked).checked-expander-row-previous-sibling row.header,
|
||
|
&.expander.empty:checked row.header,
|
||
|
&.expander list.nested > row:last-child {
|
||
|
@extend %linked_vertical_bottom;
|
||
|
}
|
||
|
|
||
|
// Add space around expanded rows
|
||
|
&.expander:checked:not(:first-child),
|
||
|
&.expander:checked + row {
|
||
|
margin-top: 5px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Unified window
|
||
|
|
||
|
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) {
|
||
|
&,
|
||
|
> decoration,
|
||
|
> decoration-overlay {
|
||
|
border-radius: 3px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// HdyWindowHandle separator
|
||
|
|
||
|
.windowhandle separator.sidebar {
|
||
|
&:dir(ltr), &.left, &.left:dir(rtl),
|
||
|
&:dir(rtl), &.right {
|
||
|
background-color: $header_border;
|
||
|
margin: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
hdyleaflet {
|
||
|
&:last-child headerbar {
|
||
|
border-top-right-radius: 8px;
|
||
|
}
|
||
|
&:first-child headerbar {
|
||
|
border-top-left-radius: 8px;
|
||
|
}
|
||
|
}
|