diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss index 0b89700b4..6372af49e 100644 --- a/data/theme/gnome-shell-sass/_common.scss +++ b/data/theme/gnome-shell-sass/_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 diff --git a/data/theme/gnome-shell-sass/widgets/_buttons.scss b/data/theme/gnome-shell-sass/widgets/_buttons.scss index 6a72c0796..df9952455 100644 --- a/data/theme/gnome-shell-sass/widgets/_buttons.scss +++ b/data/theme/gnome-shell-sass/widgets/_buttons.scss @@ -4,3 +4,7 @@ @extend %button; // that's it min-height: 22px; } + +.icon-button { + @extend %icon_button; // that's it +}