diff options
author | nana-4 <hnmaigo@gmail.com> | 2020-01-20 01:18:06 +0900 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2020-02-18 00:33:21 +0100 |
commit | 28525c1401ab10cdd83b79a503c969b9d587f439 (patch) | |
tree | 3cbca2a372b774e959f0751df5b0cd1cf3aa5dd4 | |
parent | ccbad2f899e2fa307cfb3ae088d548b05b3dcc41 (diff) | |
download | gnome-shell-sass-28525c1401ab10cdd83b79a503c969b9d587f439.tar.gz |
theme: Move basic selectors into _base.scss
.shell-link, .lowres-icon and .icon-dropshadow could be used globally.
For the icon shadow classes, they're used by officially supported
extensions.[1]
[1] https://gitlab.gnome.org/GNOME/gnome-shell-extensions/issues/168
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/938
-rw-r--r-- | _widgets.scss | 1 | ||||
-rw-r--r-- | widgets/_app-grid.scss | 10 | ||||
-rw-r--r-- | widgets/_base.scss | 18 | ||||
-rw-r--r-- | widgets/_misc.scss | 7 |
4 files changed, 20 insertions, 16 deletions
diff --git a/_widgets.scss b/_widgets.scss index 4ff6a12..48d440f 100644 --- a/_widgets.scss +++ b/_widgets.scss @@ -7,6 +7,7 @@ /* WIDGETS */ // Primary widgets +@import 'widgets/base'; @import 'widgets/entries'; @import 'widgets/buttons'; @import 'widgets/check-box'; diff --git a/widgets/_app-grid.scss b/widgets/_app-grid.scss index ba6eb60..8c68d37 100644 --- a/widgets/_app-grid.scss +++ b/widgets/_app-grid.scss @@ -20,16 +20,6 @@ $app_icon_padding: 24px; $app_grid_fg_color: #fff; -// Outline for low res icons -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0,0,0,0.3); -} - -// Dropshadow for large icons -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0,0,0,0.4); -} - // Icon tiles in the app grid .app-well-app, %app-well-app { diff --git a/widgets/_base.scss b/widgets/_base.scss new file mode 100644 index 0000000..914dd59 --- /dev/null +++ b/widgets/_base.scss @@ -0,0 +1,18 @@ +// Links +.shell-link { + color: $link_color; + + &:hover { + color: lighten($link_color, 10%); + } +} + +// Outline for low res icons +.lowres-icon { + icon-shadow: 0 1px 2px rgba(black, 0.3); +} + +// Dropshadow for large icons +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(black, 0.4); +} diff --git a/widgets/_misc.scss b/widgets/_misc.scss index 8f7e8d8..fd6613d 100644 --- a/widgets/_misc.scss +++ b/widgets/_misc.scss @@ -1,9 +1,4 @@ -// Links/URLs -.shell-link { - color: $link_color; - &:hover { color: lighten($link_color,10%); } -} - +// URLs .url-highlighter { link-color: $link_color; } // Rubberband for select-area screenshots |