spinbutton tweaks

pull/615/merge
Horst3180 8 years ago
parent 97d96272f0
commit a7e9f80aab

@ -283,9 +283,6 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #D3DAE3; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -283,9 +283,6 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #D3DAE3; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -384,8 +384,6 @@ $_dot_color: $selected_bg_color;
background-clip: if($variant=='light', border-box, padding-box);
@include button(active);
transition-duration: 50ms;
.label:insensitive { color: inherit; opacity: 0.6; }
}
//Webkitgtk workaround start

@ -283,9 +283,6 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #D3DAE3; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -283,9 +283,6 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #D3DAE3; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -282,9 +282,6 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {

@ -384,8 +384,6 @@ $_dot_color: $selected_bg_color;
background-clip: if($variant=='light', border-box, padding-box);
@include button(active);
transition-duration: 50ms;
.label:insensitive { color: inherit; opacity: 0.6; }
}
//Webkitgtk workaround start

@ -249,7 +249,7 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -248,7 +248,7 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -249,7 +249,7 @@ GtkSearchEntry.entry {
border-color: #2b2e39;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -248,7 +248,7 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -248,7 +248,7 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -248,7 +248,7 @@ GtkSearchEntry.entry {
border-color: #5294e2;
background-color: #5294e2;
transition-duration: 50ms; }
.button:active .label:insensitive, .button:checked .label:insensitive {
.button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive {
color: inherit;
opacity: 0.6; }
.button:active {

@ -328,7 +328,7 @@ $_dot_color: $selected_bg_color;
@include button(active);
transition-duration: 50ms;
.label:insensitive { color: inherit; opacity: 0.6; }
&:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; }
}
//Webkitgtk workaround start

@ -271,7 +271,7 @@ button {
background-color: #5294e2;
background-clip: padding-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -792,6 +792,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #2b2e39; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1274,6 +1278,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -270,7 +270,7 @@ button {
background-color: #5294e2;
background-clip: border-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1273,6 +1277,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -271,7 +271,7 @@ button {
background-color: #5294e2;
background-clip: padding-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -792,6 +792,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #2b2e39; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1274,6 +1278,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -270,7 +270,7 @@ button {
background-color: #5294e2;
background-clip: border-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1273,6 +1277,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -270,7 +270,7 @@ button {
background-color: #5294e2;
background-clip: border-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1273,6 +1277,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -270,7 +270,7 @@ button {
background-color: #5294e2;
background-clip: border-box;
transition-duration: 50ms; }
button:active label:disabled, button:checked label:disabled {
button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled {
color: inherit;
opacity: 0.6; }
button:active {
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
@ -1273,6 +1277,9 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); }
.primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }

@ -363,7 +363,7 @@ button {
background-clip: if($variant=='light', border-box, padding-box);
transition-duration: 50ms;
label:disabled { color: inherit; opacity: 0.6; }
&:not(:disabled) label:disabled { color: inherit; opacity: 0.6; }
}
//Webkitgtk workaround start
@ -809,6 +809,9 @@ spinbutton {
> button:hover:not(:active),
> button:hover + button { box-shadow: inset 1px 0 $button_border; }
> button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
> button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 transparentize($button_border, 0.5); }
> button:first-child:hover:not(:active),
> button.up:dir(rtl):hover:not(:active),
> entry + button:not(:active):hover { box-shadow: none; }
@ -1302,6 +1305,9 @@ headerbar {
> button:hover:not(:active),
> button:hover + button { box-shadow: inset 1px 0 $header_button_border; }
> button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
> button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 $header_button_border; }
> button:first-child:hover:not(:active),
> entry + button:not(:active):hover { box-shadow: none; }

Loading…
Cancel
Save