diff options
| author | Florian Müllner <fmuellner@gnome.org> | 2022-08-02 19:26:53 +0200 |
|---|---|---|
| committer | Florian Müllner <fmuellner@gnome.org> | 2022-08-10 16:28:30 +0200 |
| commit | 8b3bfc8c6aabd1aac145c84f44b0fd1c96810727 (patch) | |
| tree | 2e5cc0e301dfb05a1eac4513a788315dbc9da025 /_common.scss | |
| parent | 21447dcac301f63fde6fb893fcf9a7ad01c4a2dc (diff) | |
| download | gnome-shell-sass-8b3bfc8c6aabd1aac145c84f44b0fd1c96810727.tar.gz | |
style: Add generic .icon-button class
The class is meant for buttons that only contain an icon, as
found in many GTK apps.
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2397>
Diffstat (limited to '_common.scss')
| -rw-r--r-- | _common.scss | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/_common.scss b/_common.scss index 0b89700..6372af4 100644 --- a/_common.scss +++ b/_common.scss @@ -102,6 +102,24 @@ stage { &:checked { @include button(checked);} } +// normal icon-only button +%icon_button { + border-radius: 99px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: $base_padding*2; + + @include button(normal); + &:focus { @include button(focus);} + &:hover { @include button(hover);} + &:insensitive { @include button(insensitive);} + &:active { @include button(active);} + &:checked { @include button(checked);} + + & > StIcon { icon-size: $base_icon_size; } +} + // buttons in dialogs/notifications // lighter in color and have a greater radius |