summaryrefslogtreecommitdiff
path: root/_common.scss
diff options
context:
space:
mode:
authorSam Hewitt <sam@snwh.org>2019-12-19 10:38:27 -0500
committerFlorian Müllner <fmuellner@gnome.org>2020-01-09 18:28:04 +0100
commit82d228bff77e6f5b817d459fd1600af27fc78e94 (patch)
tree86a69c15e9cc5fc39ee5be38fa685862b8b63bf9 /_common.scss
parenta25e4404a50fa76cc76e4b9cc19f13868be52e5b (diff)
downloadgnome-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.scss209
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