edu4rdshl/gnome-shell
1
0
Fork 0
mirror of https://github.com/edu4rdshl/gnome-shell.git synced 2026-07-17 23:24:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Add generic .icon-button class

Browse source 
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>
This commit is contained in:
Florian Müllner 2022-08-02 19:26:53 +02:00 • committed by Marge Bot
parent 5c935af7d3
commit d87950da55
2 changed files with 22 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
data/theme/gnome-shell-sass/_common.scss
View file

@ -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