style: Theme pagination arrows as per mockups

The style is essentially a copy of %osd_button, but adapted to
style the inner icon instead of the whole button.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2335>
This commit is contained in:
Georges Basile Stavracas Neto 2022-06-28 13:19:55 -03:00 committed by Marge Bot
parent 892fa6581c
commit ca9a19dfbe

View File

@ -146,8 +146,16 @@ $app_icon_size: 96px;
}
}
.page-navigation-arrow > StIcon {
margin: 6px;
width: 24px;
height: 24px;
.page-navigation-arrow {
& > StIcon {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 99px;
}
&:insensitive > StIcon { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
&:hover > StIcon { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
&:active > StIcon { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
}