gtk: Drop %circular_button
This was an abuse of @extend.
by roundabout, Monday, 16 December 2019, 14:37:22 (1576507042), pushed by roundabout, Sunday, 11 May 2025, 13:22:45 (1746969765)
Author identity: nana-4 <hnmaigo@gmail.com>
97a8a3291648fad86a52dc974b40ca573acb743a
src/_sass/gtk/_common-3.20.scss
@@ -429,8 +429,7 @@ button {
&.image-button {
min-width: 24px;
padding: ($medium-size - 24px) / 2;
@extend %circular_button;
border-radius: $circular-radius;
}
// NOTE: Some image-only buttons use this as well
@@ -615,12 +614,11 @@ button {
.inline-toolbar & {
// @extend %button-flat;
&:not(.text-button) { @extend %circular_button; }
&:not(.text-button) { border-radius: $circular-radius; }
}
.primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows
@at-root %circular_button,
&.close,
&.circular { // The Bloody Circul Button
border-radius: $circular-radius;
@@ -2162,8 +2160,8 @@ radio {
min-width: 24px;
margin: -($check_radio_size - 24px) / 2;
padding: ($check_radio_size - 24px) / 2;
border-radius: $circular-radius;
@extend %circular_button;
@extend %ripple;
@include ink-color($text2);
@@ -2901,7 +2899,8 @@ filechooser {
> stack > box > button { // The new folder button
@extend %button-flat;
@extend %circular_button;
border-radius: $circular-radius;
}
}
}
@@ -3410,9 +3409,7 @@ decoration {
// Window Close button
button.titlebutton {
// @extend %button-flat-basic;
@extend %circular_button;
border-radius: $circular-radius;
.selection-mode & {
}
src/_sass/gtk/apps/_budgie.scss
@@ -380,7 +380,7 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
scrolledwindow .raven-header { margin-top: -8px; } // remove extra spaces in Applets stack
}
.expander-button { @extend %circular_button; }
.expander-button { border-radius: $circular-radius; }
.raven-background {
// &.middle { border-bottom-style: none; } // applet background between two headers
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -41,7 +41,9 @@
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate;
}
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { @extend %circular_button; }
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
border-radius: $circular-radius;
}
// Path bar
@@ -215,7 +217,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal {
}
// Make operations button circular
.nautilus-window headerbar revealer > button { @extend %circular_button; }
.nautilus-window headerbar revealer > button { border-radius: $circular-radius; }
// Ensure paned separator rendering. See issue #84 for details.
.nautilus-window paned > separator { background-color: $base-alt; }
@@ -455,7 +457,7 @@ layouttab {
}
// Close button styling for layouttab.
// > box > button.close { @extend %circular_button; }
// > box > button.close { border-radius: $circular-radius; }
}
layout {
src/_sass/gtk/apps/_xfce.scss
@@ -134,8 +134,7 @@ XfdesktopIconView.view {
> toolitem > button {
min-width: 24px;
padding: ($medium-size - 24px) / 2;
@extend %circular_button;
border-radius: $circular-radius;
}
}