Commit 44fcc043 authored by monday's avatar monday

Adwaita: Replace spinbutton border-radii with variables

Replace hardcoded border-radius values with $button_radius
variable on spinbuttons.
parent 625a0e3d
......@@ -1237,9 +1237,9 @@ spinbutton {
&:dir(rtl) { border-style: none solid none none; }
}
&:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
&:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
&:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
&:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
}
}
......@@ -1289,9 +1289,9 @@ spinbutton {
box-shadow: none;
}
&:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
&:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
&:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
&:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
}
}
......@@ -1330,12 +1330,12 @@ spinbutton {
}
%top_button {
border-radius: 3px 3px 0 0;
border-radius: $button_radius $button_radius 0 0;
border-style: solid solid none solid;
}
%bottom_button {
border-radius: 0 0 3px 3px;
border-radius: 0 0 $button_radius $button_radius;
border-style: none solid solid solid;
}
}
......
......@@ -511,9 +511,9 @@ spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(91, 91, 91, 0.3
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
......@@ -525,9 +525,9 @@ spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #89888b; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled { color: #919190; }
......@@ -539,9 +539,9 @@ spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; borde
spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; }
spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; }
spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; }
spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
......
......@@ -519,9 +519,9 @@ spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(212, 207, 202,
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
......@@ -533,9 +533,9 @@ spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #89888b; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled { color: #929595; }
......@@ -547,9 +547,9 @@ spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; borde
spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; }
spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; }
spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; }
spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment