Replace SCSS ruby-sass compiler with libsass

This commit is contained in:
Daniel Ruiz de Alegría 2020-02-12 13:24:50 +01:00
parent 35282b8ad6
commit 207dca02f0
6 changed files with 3202 additions and 1623 deletions

View File

@ -49,9 +49,9 @@ stage {
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
.button:insensitive, .message-list-clear-button.button:insensitive { .button:insensitive, .message-list-clear-button.button:insensitive {
color: #898a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
background-color: #252730; background-color: #242731;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
icon-shadow: none; } icon-shadow: none; }
@ -74,9 +74,9 @@ stage {
padding: 12px; padding: 12px;
border-top: 1px solid #181a20; } border-top: 1px solid #181a20; }
.modal-dialog-linked-button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { .modal-dialog-linked-button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
color: #898a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
background-color: #252730; background-color: #242731;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
icon-shadow: none; } icon-shadow: none; }
@ -121,8 +121,8 @@ StEntry {
StEntry:focus { StEntry:focus {
border-color: rgba(154, 154, 142, 0.5); } border-color: rgba(154, 154, 142, 0.5); }
StEntry:insensitive { StEntry:insensitive {
color: #898a8d; color: #888a8d;
border-color: #252730; border-color: #242731;
box-shadow: none; } box-shadow: none; }
StEntry StIcon.capslock-warning { StEntry StIcon.capslock-warning {
icon-size: 16px; icon-size: 16px;
@ -132,6 +132,7 @@ StEntry {
/* Scrollbars */ /* Scrollbars */
StScrollView.vfade { StScrollView.vfade {
-st-vfade-offset: 68px; } -st-vfade-offset: 68px; }
StScrollView.hfade { StScrollView.hfade {
-st-hfade-offset: 68px; } -st-hfade-offset: 68px; }
@ -176,14 +177,18 @@ StScrollBar {
/* Check Boxes */ /* Check Boxes */
.check-box StBoxLayout { .check-box StBoxLayout {
spacing: .8em; } spacing: .8em; }
.check-box StBin { .check-box StBin {
width: 24px; width: 24px;
height: 22px; height: 22px;
background-image: url("assets/checkbox-off-dark.svg"); } background-image: url("assets/checkbox-off-dark.svg"); }
.check-box:focus StBin { .check-box:focus StBin {
background-image: url("assets/checkbox-off-focused-dark.svg"); } background-image: url("assets/checkbox-off-focused-dark.svg"); }
.check-box:checked StBin { .check-box:checked StBin {
background-image: url("assets/checkbox-dark.svg"); } background-image: url("assets/checkbox-dark.svg"); }
.check-box:focus:checked StBin { .check-box:focus:checked StBin {
background-image: url("assets/checkbox-focused-dark.svg"); } background-image: url("assets/checkbox-focused-dark.svg"); }
@ -361,6 +366,7 @@ StScrollBar {
.mount-dialog-app-list-item-icon:ltr { .mount-dialog-app-list-item-icon:ltr {
padding-right: 17px; } padding-right: 17px; }
.mount-dialog-app-list-item-icon:rtl { .mount-dialog-app-list-item-icon:rtl {
padding-left: 17px; } padding-left: 17px; }
@ -474,6 +480,7 @@ StScrollBar {
.extension-dialog .message-dialog-main-layout { .extension-dialog .message-dialog-main-layout {
spacing: 24px; spacing: 24px;
padding: 10px; } padding: 10px; }
.extension-dialog .message-dialog-title { .extension-dialog .message-dialog-title {
font-weight: normal; font-weight: normal;
color: #eeeeec; } color: #eeeeec; }
@ -692,9 +699,7 @@ StScrollBar {
background-color: #23252e; background-color: #23252e;
border: 1px solid #0d0e11; border: 1px solid #0d0e11;
border-radius: 12px; } border-radius: 12px; }
.osd-window StIcon, .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon {
.resize-popup StIcon,
.switcher-list StIcon, .workspace-switcher-container StIcon {
icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; } icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; }
.modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry { .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry {
@ -721,7 +726,7 @@ StScrollBar {
background-color: #2777ff; background-color: #2777ff;
color: #ffffff; } color: #ffffff; }
.modal-dialog .button:disabled, .prompt-dialog .button:disabled, .audio-device-selection-dialog .button:disabled, .access-dialog .button:disabled, .geolocation-dialog .button:disabled, .extension-dialog .button:disabled, .inhibit-shortcuts-dialog .button:disabled, .nm-dialog .button:disabled { .modal-dialog .button:disabled, .prompt-dialog .button:disabled, .audio-device-selection-dialog .button:disabled, .access-dialog .button:disabled, .geolocation-dialog .button:disabled, .extension-dialog .button:disabled, .inhibit-shortcuts-dialog .button:disabled, .nm-dialog .button:disabled {
color: #898a8d; } color: #888a8d; }
/* Tiled window previews */ /* Tiled window previews */
.tile-preview { .tile-preview {
@ -791,9 +796,17 @@ StScrollBar {
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.09em; icon-size: 1.09em;
padding: 0 5px; } padding: 0 5px; }
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { .unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: white; } color: white; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
color: white; } color: white; }
#panel .panel-status-indicators-box, #panel .panel-status-indicators-box,
#panel .panel-status-menu-box { #panel .panel-status-menu-box {
@ -856,6 +869,7 @@ StScrollBar {
.events-section-title:hover, .events-section-title:hover,
.events-section-title:focus { .events-section-title:focus {
background-color: #292c37; } background-color: #292c37; }
.datemenu-today-button:active, .datemenu-today-button:active,
.world-clocks-button:active, .world-clocks-button:active,
.weather-button:active, .weather-button:active,
@ -952,7 +966,7 @@ StScrollBar {
border-left-width: 1px; } border-left-width: 1px; }
.calendar-nonwork-day { .calendar-nonwork-day {
color: #898a8d; } color: #888a8d; }
.calendar-today { .calendar-today {
font-weight: bold; font-weight: bold;
@ -1024,7 +1038,7 @@ StScrollBar {
color: #eeeeec; color: #eeeeec;
font-size: 0.7em; font-size: 0.7em;
/* HACK: the label should be baseline-aligned with a 1em label, /* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */ fake this with some bottom padding */
padding-bottom: 0.13em; } padding-bottom: 0.13em; }
.message-secondary-bin > StIcon { .message-secondary-bin > StIcon {
@ -1379,6 +1393,7 @@ StScrollBar {
.list-search-result:hover { .list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1); background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; } transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked, .search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active, .list-search-result:active,
.list-search-result:checked { .list-search-result:checked {
@ -1389,7 +1404,10 @@ StScrollBar {
.show-apps .overview-icon, .show-apps .overview-icon,
.grid-search-result .overview-icon { .grid-search-result .overview-icon {
font-weight: bold; } font-weight: bold; }
.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected .overview-icon, .app-well-app.app-folder:selected .overview-icon,
@ -1403,12 +1421,15 @@ StScrollBar {
transition-duration: 0ms; transition-duration: 0ms;
border-image: none; border-image: none;
background-image: none; } background-image: none; }
.app-well-app:drop .overview-icon, .app-well-app:drop .overview-icon,
.app-well-app.app-folder:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon,
.show-apps:drop .overview-icon, .show-apps:drop .overview-icon,
.grid-search-result:drop .overview-icon { .grid-search-result:drop .overview-icon {
background-color: rgba(39, 119, 255, 0.85); } background-color: rgba(39, 119, 255, 0.85); }
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.app-well-app:active .overview-icon,
.app-well-app:checked .overview-icon,
.app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon,
.show-apps:active .overview-icon, .show-apps:active .overview-icon,
@ -1473,7 +1494,8 @@ StScrollBar {
border: none; border: none;
margin: 2px; margin: 2px;
background-color: white; } background-color: white; }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { .page-indicator:checked .page-indicator-icon,
.page-indicator:checked:active .page-indicator-icon {
background-color: white; } background-color: white; }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1814,9 +1836,9 @@ StScrollBar {
background-color: #4f595d; background-color: #4f595d;
border-color: #4f595d; } border-color: #4f595d; }
.login-dialog .modal-dialog-button:insensitive { .login-dialog .modal-dialog-button:insensitive {
color: #898a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
background-color: #252730; background-color: #242731;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
@ -1850,9 +1872,9 @@ StScrollBar {
background-color: #0e67ff; background-color: #0e67ff;
border-color: #0e67ff; } border-color: #0e67ff; }
.login-dialog .modal-dialog-button:default:insensitive { .login-dialog .modal-dialog-button:default:insensitive {
color: #898a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
background-color: #252730; background-color: #242731;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
@ -1881,7 +1903,8 @@ StScrollBar {
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
padding-left: 2px; } padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; } color: #eeeeec; }
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
@ -1927,6 +1950,7 @@ StScrollBar {
.user-widget-label:ltr { .user-widget-label:ltr {
padding-left: 14px; } padding-left: 14px; }
.user-widget-label:rtl { .user-widget-label:rtl {
padding-right: 14px; } padding-right: 14px; }
@ -2056,6 +2080,7 @@ StScrollBar {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #bbbbbb; selection-background-color: #bbbbbb;
selected-color: #333333; } selected-color: #333333; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #999999; } color: #999999; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {

File diff suppressed because it is too large Load Diff

View File

@ -132,6 +132,7 @@ StEntry {
/* Scrollbars */ /* Scrollbars */
StScrollView.vfade { StScrollView.vfade {
-st-vfade-offset: 68px; } -st-vfade-offset: 68px; }
StScrollView.hfade { StScrollView.hfade {
-st-hfade-offset: 68px; } -st-hfade-offset: 68px; }
@ -176,14 +177,18 @@ StScrollBar {
/* Check Boxes */ /* Check Boxes */
.check-box StBoxLayout { .check-box StBoxLayout {
spacing: .8em; } spacing: .8em; }
.check-box StBin { .check-box StBin {
width: 24px; width: 24px;
height: 22px; height: 22px;
background-image: url("assets/checkbox-off.svg"); } background-image: url("assets/checkbox-off.svg"); }
.check-box:focus StBin { .check-box:focus StBin {
background-image: url("assets/checkbox-off-focused.svg"); } background-image: url("assets/checkbox-off-focused.svg"); }
.check-box:checked StBin { .check-box:checked StBin {
background-image: url("assets/checkbox.svg"); } background-image: url("assets/checkbox.svg"); }
.check-box:focus:checked StBin { .check-box:focus:checked StBin {
background-image: url("assets/checkbox-focused.svg"); } background-image: url("assets/checkbox-focused.svg"); }
@ -361,6 +366,7 @@ StScrollBar {
.mount-dialog-app-list-item-icon:ltr { .mount-dialog-app-list-item-icon:ltr {
padding-right: 17px; } padding-right: 17px; }
.mount-dialog-app-list-item-icon:rtl { .mount-dialog-app-list-item-icon:rtl {
padding-left: 17px; } padding-left: 17px; }
@ -474,6 +480,7 @@ StScrollBar {
.extension-dialog .message-dialog-main-layout { .extension-dialog .message-dialog-main-layout {
spacing: 24px; spacing: 24px;
padding: 10px; } padding: 10px; }
.extension-dialog .message-dialog-title { .extension-dialog .message-dialog-title {
font-weight: normal; font-weight: normal;
color: #5c616c; } color: #5c616c; }
@ -692,9 +699,7 @@ StScrollBar {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 12px; } border-radius: 12px; }
.osd-window StIcon, .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon {
.resize-popup StIcon,
.switcher-list StIcon, .workspace-switcher-container StIcon {
icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; } icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; }
.modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry { .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry {
@ -791,9 +796,17 @@ StScrollBar {
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.09em; icon-size: 1.09em;
padding: 0 5px; } padding: 0 5px; }
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { .unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: #737a88; } color: #737a88; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
color: #737a88; } color: #737a88; }
#panel .panel-status-indicators-box, #panel .panel-status-indicators-box,
#panel .panel-status-menu-box { #panel .panel-status-menu-box {
@ -856,6 +869,7 @@ StScrollBar {
.events-section-title:hover, .events-section-title:hover,
.events-section-title:focus { .events-section-title:focus {
background-color: white; } background-color: white; }
.datemenu-today-button:active, .datemenu-today-button:active,
.world-clocks-button:active, .world-clocks-button:active,
.weather-button:active, .weather-button:active,
@ -1024,7 +1038,7 @@ StScrollBar {
color: #5c616c; color: #5c616c;
font-size: 0.7em; font-size: 0.7em;
/* HACK: the label should be baseline-aligned with a 1em label, /* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */ fake this with some bottom padding */
padding-bottom: 0.13em; } padding-bottom: 0.13em; }
.message-secondary-bin > StIcon { .message-secondary-bin > StIcon {
@ -1379,6 +1393,7 @@ StScrollBar {
.list-search-result:hover { .list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1); background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; } transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked, .search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active, .list-search-result:active,
.list-search-result:checked { .list-search-result:checked {
@ -1389,7 +1404,10 @@ StScrollBar {
.show-apps .overview-icon, .show-apps .overview-icon,
.grid-search-result .overview-icon { .grid-search-result .overview-icon {
font-weight: bold; } font-weight: bold; }
.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected .overview-icon, .app-well-app.app-folder:selected .overview-icon,
@ -1403,12 +1421,15 @@ StScrollBar {
transition-duration: 0ms; transition-duration: 0ms;
border-image: none; border-image: none;
background-image: none; } background-image: none; }
.app-well-app:drop .overview-icon, .app-well-app:drop .overview-icon,
.app-well-app.app-folder:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon,
.show-apps:drop .overview-icon, .show-apps:drop .overview-icon,
.grid-search-result:drop .overview-icon { .grid-search-result:drop .overview-icon {
background-color: rgba(39, 119, 255, 0.85); } background-color: rgba(39, 119, 255, 0.85); }
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.app-well-app:active .overview-icon,
.app-well-app:checked .overview-icon,
.app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon,
.show-apps:active .overview-icon, .show-apps:active .overview-icon,
@ -1473,7 +1494,8 @@ StScrollBar {
border: none; border: none;
margin: 2px; margin: 2px;
background-color: white; } background-color: white; }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { .page-indicator:checked .page-indicator-icon,
.page-indicator:checked:active .page-indicator-icon {
background-color: white; } background-color: white; }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1878,7 +1900,8 @@ StScrollBar {
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
padding-left: 2px; } padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; } color: #eeeeec; }
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
@ -1924,6 +1947,7 @@ StScrollBar {
.user-widget-label:ltr { .user-widget-label:ltr {
padding-left: 14px; } padding-left: 14px; }
.user-widget-label:rtl { .user-widget-label:rtl {
padding-right: 14px; } padding-right: 14px; }
@ -2053,6 +2077,7 @@ StScrollBar {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #bbbbbb; selection-background-color: #bbbbbb;
selected-color: #333333; } selected-color: #333333; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #999999; } color: #999999; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,4 +1,4 @@
SCSS=scss --no-cache --quiet --sourcemap=none SCSS=sassc
THEMES_DIR=../../../../share/themes/ THEMES_DIR=../../../../share/themes/
.PHONY: install clean .PHONY: install clean