diff options
author | Sam Hewitt <sam@snwh.org> | 2019-12-19 10:38:27 -0500 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2020-01-09 18:28:04 +0100 |
commit | 82d228bff77e6f5b817d459fd1600af27fc78e94 (patch) | |
tree | 86a69c15e9cc5fc39ee5be38fa685862b8b63bf9 /_common.scss | |
parent | a25e4404a50fa76cc76e4b9cc19f13868be52e5b (diff) | |
download | gnome-shell-sass-82d228bff77e6f5b817d459fd1600af27fc78e94.tar.gz |
theme: use spaces instead of tabs
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/904
Diffstat (limited to '_common.scss')
-rw-r--r-- | _common.scss | 209 |
1 files changed, 104 insertions, 105 deletions
diff --git a/_common.scss b/_common.scss index bb80f9a..60afa54 100644 --- a/_common.scss +++ b/_common.scss @@ -55,13 +55,13 @@ $base_font_size: 11; $text_shadow_color: if($variant == 'light', rgba(255,255,255,0.3), rgba(0,0,0,0.2)); // icons -$base_icon_size: 1.09em; -// $base_icon_size: 16px; +// $base_icon_size: 1.09em; +$base_icon_size: 16px; // Stage stage { - @include fontsize($base_font_size); - color: $fg_color; + @include fontsize($base_font_size); + color: $fg_color; } /* WIDGETS */ @@ -92,7 +92,6 @@ stage { @import 'widgets/scrollbars'; @import 'widgets/search-entry'; @import 'widgets/search-results'; -@import 'widgets/search-results'; @import 'widgets/slider'; @import 'widgets/switches'; @import 'widgets/tiled-previews'; @@ -103,139 +102,139 @@ stage { // Text %status_text { - font-size: 2em; - font-weight: bold; - color: $osd_fg_color; + font-size: 2em; + font-weight: bold; + color: $osd_fg_color; } // osd panels %osd_panel { - color: $osd_fg_color; - background-color: $osd_bg_color; - border: 1px solid $osd_outer_borders_color; - border-radius: $base_border_radius * 2 + 4px; - padding: $base_padding * 2; + color: $osd_fg_color; + background-color: $osd_bg_color; + border: 1px solid $osd_outer_borders_color; + border-radius: $base_border_radius * 2 + 4px; + padding: $base_padding * 2; } // Overview panels // for the dash and workspace switcher %overview_panel { - color: $osd_fg_color; - background-color: transparentize($osd_bg_color, 0.2); - border: 1px solid $osd_outer_borders_color; + color: $osd_fg_color; + background-color: transparentize($osd_bg_color, 0.2); + border: 1px solid $osd_outer_borders_color; } // icon tiles %icon_tile { - background-color: transparent; // no background - color: $osd_fg_color; - border-radius: $base_border_radius + 4px; - padding: $base_padding; - border: 2px solid transparent; - transition-duration: 100ms; - text-align: center; + background-color: transparent; // no background + color: $osd_fg_color; + border-radius: $base_border_radius + 4px; + padding: $base_padding; + border: 2px solid transparent; + transition-duration: 100ms; + text-align: center; } // dialogs %bubble_panel { - color: $fg_color; - background-color: $bg_color; - border: 1px solid if($variant=='light', rgba(0,0,0, 0.6), $borders_color); - - // entry - StEntry { @extend %bubble_entry;} - - // button - .button { - background-color: $bg_color; - color: $fg_color; - box-shadow: none; - - &, &:hover, &:focus, &:active, &:disabled { - border-color: $bubble_borders_color; - } - - &:hover { background-color: $hover_bg_color;} - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - &:disabled { color: $insensitive_fg_color;} - } + color: $fg_color; + background-color: $bg_color; + border: 1px solid if($variant=='light', rgba(0,0,0, 0.6), $borders_color); + + // entry + StEntry { @extend %bubble_entry;} + + // button + .button { + background-color: $bg_color; + color: $fg_color; + box-shadow: none; + + &, &:hover, &:focus, &:active, &:disabled { + border-color: $bubble_borders_color; + } + + &:hover { background-color: $hover_bg_color;} + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:disabled { color: $insensitive_fg_color;} + } } // entries in dialogs %bubble_entry { - color: $fg_color; - background-color: darken($bg_color, 2%); - border-color: $bubble_borders_color; - box-shadow: none; - &:focus { border: 2px solid $selected_bg_color;} + color: $fg_color; + background-color: darken($bg_color, 2%); + border-color: $bubble_borders_color; + box-shadow: none; + &:focus { border: 2px solid $selected_bg_color;} } // buttons in dialogs %bubble_button { - @include button(normal); - padding: $base_padding * 2; - border-color: $bubble_borders_color; - border-style: solid; - border-width: 0 !important; - border-top-width: 1px !important; - box-shadow:none !important; - - &:insensitive { @include button(insensitive);} - &:hover { @include button(hover);} - &:focus { @include button(focus);} - &:active { @include button(active);} - - // radius is 2 pixel less to fit in bubble - &:first-child { - border-right-width: 1px !important; - border-radius: 0px 0px 0px $modal_radius - 2px; - } - &:last-child { - border-right-width: 0 !important; - border-radius: 0px 0px $modal_radius - 2px 0px; - } - - &:first-child:last-child { - border-radius: 0px 0px $modal_radius - 2px $modal_radius - 2px; - } + @include button(normal); + padding: $base_padding * 2; + border-color: $bubble_borders_color; + border-style: solid; + border-width: 0 !important; + border-top-width: 1px !important; + box-shadow:none !important; + + &:insensitive { @include button(insensitive);} + &:hover { @include button(hover);} + &:focus { @include button(focus);} + &:active { @include button(active);} + + // radius is 2 pixel less to fit in bubble + &:first-child { + border-right-width: 1px !important; + border-radius: 0px 0px 0px $modal_radius - 2px; + } + &:last-child { + border-right-width: 0 !important; + border-radius: 0px 0px $modal_radius - 2px 0px; + } + + &:first-child:last-child { + border-radius: 0px 0px $modal_radius - 2px $modal_radius - 2px; + } } // button styling %button { - border-radius: $base_border_radius; - border-width: 1px; - min-height: 22px; - padding: $base_padding * 0.5 $base_padding * 4; - - @include button(normal); - &:focus { @include button(focus);} - &:hover { @include button(hover);} - &:insensitive { @include button(insensitive);} - &:active { @include button(active);} + border-radius: $base_border_radius; + border-width: 1px; + min-height: 22px; + padding: $base_padding * 0.5 $base_padding * 4; + + @include button(normal); + &:focus { @include button(focus);} + &:hover { @include button(hover);} + &:insensitive { @include button(insensitive);} + &:active { @include button(active);} } // notification styling %notification_bubble { - border-radius:$base_border_radius + 2px; - padding: 0; - margin: $base_margin; - - @include button(normal); - - &:focus, - &:hover { - // margin-top: $base_margin - 1px; - // margin-bottom: $base_margin + 1px; - @include button(hover); - } - - &:active { - @include button(active); - // margin: $base_margin; - } + border-radius:$base_border_radius + 2px; + padding: 0; + margin: $base_margin; + + @include button(normal); + + &:focus, + &:hover { + // margin-top: $base_margin - 1px; + // margin-bottom: $base_margin + 1px; + @include button(hover); + } + + &:active { + @include button(active); + // margin: $base_margin; + } }
\ No newline at end of file |