update
This commit is contained in:
parent
acc1fcf027
commit
880be876f8
@ -1,8 +1,6 @@
|
|||||||
|
|
||||||
/* App Icons */
|
/* App Icons */
|
||||||
|
|
||||||
$app_grid_fg_color: #fff;
|
|
||||||
|
|
||||||
.show-apps,
|
.show-apps,
|
||||||
.app-well-app,
|
.app-well-app,
|
||||||
%app-well-app {
|
%app-well-app {
|
||||||
@ -62,7 +60,7 @@ $app_grid_fg_color: #fff;
|
|||||||
}
|
}
|
||||||
|
|
||||||
& .folder-name-entry {
|
& .folder-name-entry {
|
||||||
@extend %search-entry !optional;
|
@extend %search-entry;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -78,7 +76,7 @@ $app_grid_fg_color: #fff;
|
|||||||
height: 36px;
|
height: 36px;
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
|
|
||||||
& > StIcon { icon-size: 16px }
|
& > StIcon { icon-size: 16px; }
|
||||||
|
|
||||||
&:hover { background-color: $light_divider_color; }
|
&:hover { background-color: $light_divider_color; }
|
||||||
&:checked, &:active { background-color: $light_track_color; }
|
&:checked, &:active { background-color: $light_track_color; }
|
||||||
|
@ -221,15 +221,5 @@
|
|||||||
#panel.lock-screen { background-color: $alt_dark_bg_color; }
|
#panel.lock-screen { background-color: $alt_dark_bg_color; }
|
||||||
|
|
||||||
#screenShieldNotifications {
|
#screenShieldNotifications {
|
||||||
StScrollBar {
|
StScrollBar { @extend %overview_scrollbar; }
|
||||||
StBin#trough {
|
|
||||||
background-color: $light_divider_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
StButton#vhandle, StButton#hhandle {
|
|
||||||
background-color: $light_hint_fg_color;
|
|
||||||
&:hover { background-color: $light_alt_fg_color; }
|
|
||||||
&:active { background-color: $light_alt_fg_color; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -1,4 +1,16 @@
|
|||||||
|
%overview_scrollbar {
|
||||||
|
StBin#trough {
|
||||||
|
background-color: $inverse_divider_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
StButton#vhandle, StButton#hhandle {
|
||||||
|
background-color: $inverse_hint_fg_color;
|
||||||
|
&:hover { background-color: $inverse_secondary_fg_color; }
|
||||||
|
&:active { background-color: $inverse_fg_color; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#overview {
|
#overview {
|
||||||
spacing: 24px;
|
spacing: 24px;
|
||||||
StScrollBar { @extend %overview_scrollbar !optional; }
|
StScrollBar { @extend %overview_scrollbar; }
|
||||||
}
|
}
|
||||||
|
@ -1084,11 +1084,11 @@ spinbutton {
|
|||||||
> button.up:dir(rtl):hover:not(:active),
|
> button.up:dir(rtl):hover:not(:active),
|
||||||
> text + button:not(:active):hover { box-shadow: none; }
|
> text + button:not(:active):hover { box-shadow: none; }
|
||||||
|
|
||||||
> text:focus + button { border-left-color: $entry_highlight; }
|
> text:focus-within + button { border-left-color: $entry_highlight; }
|
||||||
> text:drop(active) + button { border-left-color: $drop_target_color; }
|
> text:drop(active) + button { border-left-color: $drop_target_color; }
|
||||||
|
|
||||||
.osd & {
|
.osd & {
|
||||||
&, &:focus, &:drop(active) { border-image: none; }
|
&, &:focus-within, &:drop(active) { border-image: none; }
|
||||||
> button:hover:not(:active),
|
> button:hover:not(:active),
|
||||||
> button:hover + button { box-shadow: inset 1px 0 $osd_button_border; }
|
> button:hover + button { box-shadow: inset 1px 0 $osd_button_border; }
|
||||||
|
|
||||||
@ -1096,7 +1096,7 @@ spinbutton {
|
|||||||
> button.up:dir(rtl):hover:not(:active),
|
> button.up:dir(rtl):hover:not(:active),
|
||||||
> text + button:not(:active):hover { box-shadow: none; }
|
> text + button:not(:active):hover { box-shadow: none; }
|
||||||
|
|
||||||
> text:focus + button { border-left-color: $entry_highlight; }
|
> text:focus-within + button { border-left-color: $entry_highlight; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1111,7 +1111,7 @@ spinbutton {
|
|||||||
|
|
||||||
> button.up { border-radius: $bt_radius $bt_radius 0 0; }
|
> button.up { border-radius: $bt_radius $bt_radius 0 0; }
|
||||||
|
|
||||||
> text:focus + button { border-top-color: $entry_highlight; }
|
> text:focus-within + button { border-top-color: $entry_highlight; }
|
||||||
> text:drop(active) + button { border-top-color: $drop_target_color; }
|
> text:drop(active) + button { border-top-color: $drop_target_color; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1966,19 +1966,10 @@ treeview.view {
|
|||||||
color: $borders_color;
|
color: $borders_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:drop(active) {
|
|
||||||
border-style: solid none;
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: mix($fg_color, $selected_bg_color, 50%);
|
|
||||||
|
|
||||||
&.after { border-top-style: none; }
|
|
||||||
&.before { border-bottom-style: none; }
|
|
||||||
}
|
|
||||||
|
|
||||||
> dndtarget:drop(active) {
|
> dndtarget:drop(active) {
|
||||||
border-style: solid none;
|
border-style: solid none;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: $selected_borders_color;
|
border-color: mix($fg_color, $selected_bg_color, 50%);
|
||||||
|
|
||||||
&.after { border-top-style: none; }
|
&.after { border-top-style: none; }
|
||||||
|
|
||||||
@ -2778,7 +2769,7 @@ radio {
|
|||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
|
|
||||||
&:only-child,
|
&:only-child,
|
||||||
menu menuitem & { margin: 0; }
|
popover.menu > contents & { margin: 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
@ -2816,7 +2807,6 @@ scale {
|
|||||||
$_scale_trough_bg: rgba(black, 0.2);
|
$_scale_trough_bg: rgba(black, 0.2);
|
||||||
|
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
|
|
||||||
border-radius: $bt_radius;
|
border-radius: $bt_radius;
|
||||||
background-color: $_scale_trough_bg;
|
background-color: $_scale_trough_bg;
|
||||||
|
|
||||||
@ -2836,7 +2826,7 @@ scale {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Troughs in selected list-rows and infobars
|
// Troughs in selected list-rows and infobars
|
||||||
menuitem:hover &,
|
modelbutton:hover &,
|
||||||
row:selected &,
|
row:selected &,
|
||||||
infobar & {
|
infobar & {
|
||||||
background-color: transparentize(black, 0.8);
|
background-color: transparentize(black, 0.8);
|
||||||
@ -2898,7 +2888,7 @@ scale {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Selected list-row and infobar sliders
|
// Selected list-row and infobar sliders
|
||||||
menuitem:hover &,
|
modelbutton:hover &,
|
||||||
row:selected &,
|
row:selected &,
|
||||||
infobar & {
|
infobar & {
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
@ -3103,8 +3093,8 @@ progressbar {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border
|
// &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border
|
||||||
&.vertical > trough > progress { margin: -1px 0; } // this moves it over it.
|
// &.vertical > trough > progress { margin: -1px 0; } // this moves it over it.
|
||||||
|
|
||||||
&.osd {
|
&.osd {
|
||||||
min-width: 3px;
|
min-width: 3px;
|
||||||
@ -3514,10 +3504,7 @@ calendar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
> label:focus {
|
> label:focus {
|
||||||
outline-color: $borders_color;
|
outline-style: none;
|
||||||
outline-offset: -2px;
|
|
||||||
outline-width: 2px;
|
|
||||||
outline-style: solid;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> label.day-number {
|
> label.day-number {
|
||||||
@ -4003,7 +3990,7 @@ infobar {
|
|||||||
background-color: $selected_fg_color;
|
background-color: $selected_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
*:link { @extend %link_selected; }
|
link { @extend %link_selected; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user