mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
spinbutton tweaks
This commit is contained in:
parent
97d96272f0
commit
a7e9f80aab
@ -283,9 +283,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #D3DAE3; }
|
color: #D3DAE3; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -283,9 +283,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #D3DAE3; }
|
color: #D3DAE3; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -384,8 +384,6 @@ $_dot_color: $selected_bg_color;
|
|||||||
background-clip: if($variant=='light', border-box, padding-box);
|
background-clip: if($variant=='light', border-box, padding-box);
|
||||||
@include button(active);
|
@include button(active);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
|
|
||||||
.label:insensitive { color: inherit; opacity: 0.6; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Webkitgtk workaround start
|
//Webkitgtk workaround start
|
||||||
|
@ -283,9 +283,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #D3DAE3; }
|
color: #D3DAE3; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -283,9 +283,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #D3DAE3; }
|
color: #D3DAE3; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -282,9 +282,6 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
transition-duration: 50ms; }
|
||||||
.button:active .label:insensitive, .button:checked .label:insensitive {
|
|
||||||
color: inherit;
|
|
||||||
opacity: 0.6; }
|
|
||||||
.button:active {
|
.button:active {
|
||||||
color: #5c616c; }
|
color: #5c616c; }
|
||||||
.button:active:hover, .button:checked {
|
.button:active:hover, .button:checked {
|
||||||
|
@ -384,8 +384,6 @@ $_dot_color: $selected_bg_color;
|
|||||||
background-clip: if($variant=='light', border-box, padding-box);
|
background-clip: if($variant=='light', border-box, padding-box);
|
||||||
@include button(active);
|
@include button(active);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
|
|
||||||
.label:insensitive { color: inherit; opacity: 0.6; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Webkitgtk workaround start
|
//Webkitgtk workaround start
|
||||||
|
@ -249,7 +249,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -248,7 +248,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -249,7 +249,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #2b2e39;
|
border-color: #2b2e39;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -248,7 +248,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -248,7 +248,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -248,7 +248,7 @@ GtkSearchEntry.entry {
|
|||||||
border-color: #5294e2;
|
border-color: #5294e2;
|
||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
.button:active {
|
.button:active {
|
||||||
|
@ -328,7 +328,7 @@ $_dot_color: $selected_bg_color;
|
|||||||
@include button(active);
|
@include button(active);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
|
|
||||||
.label:insensitive { color: inherit; opacity: 0.6; }
|
&:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; }
|
||||||
}
|
}
|
||||||
|
|
||||||
//Webkitgtk workaround start
|
//Webkitgtk workaround start
|
||||||
|
@ -271,7 +271,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -792,6 +792,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #2b2e39; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -270,7 +270,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #cfd6e6; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -271,7 +271,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -792,6 +792,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #2b2e39; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -270,7 +270,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #cfd6e6; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -270,7 +270,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #cfd6e6; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -270,7 +270,7 @@ button {
|
|||||||
background-color: #5294e2;
|
background-color: #5294e2;
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
transition-duration: 50ms; }
|
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;
|
color: inherit;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
button:active {
|
button:active {
|
||||||
@ -791,6 +791,10 @@ spinbutton:not(.vertical) > button:hover:not(:active),
|
|||||||
spinbutton:not(.vertical) > button:hover + button {
|
spinbutton:not(.vertical) > button:hover + button {
|
||||||
box-shadow: inset 1px 0 #cfd6e6; }
|
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:first-child:hover:not(:active),
|
||||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
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 {
|
.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); }
|
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 {
|
.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; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
@ -363,7 +363,7 @@ button {
|
|||||||
background-clip: if($variant=='light', border-box, padding-box);
|
background-clip: if($variant=='light', border-box, padding-box);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
|
|
||||||
label:disabled { color: inherit; opacity: 0.6; }
|
&:not(:disabled) label:disabled { color: inherit; opacity: 0.6; }
|
||||||
}
|
}
|
||||||
|
|
||||||
//Webkitgtk workaround start
|
//Webkitgtk workaround start
|
||||||
@ -809,6 +809,9 @@ spinbutton {
|
|||||||
> button:hover:not(:active),
|
> button:hover:not(:active),
|
||||||
> button:hover + button { box-shadow: inset 1px 0 $button_border; }
|
> 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:first-child:hover:not(:active),
|
||||||
> button.up:dir(rtl):hover:not(:active),
|
> button.up:dir(rtl):hover:not(:active),
|
||||||
> entry + button:not(:active):hover { box-shadow: none; }
|
> entry + button:not(:active):hover { box-shadow: none; }
|
||||||
@ -1302,6 +1305,9 @@ headerbar {
|
|||||||
> button:hover:not(:active),
|
> button:hover:not(:active),
|
||||||
> button:hover + button { box-shadow: inset 1px 0 $header_button_border; }
|
> 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),
|
> button:first-child:hover:not(:active),
|
||||||
> entry + button:not(:active):hover { box-shadow: none; }
|
> entry + button:not(:active):hover { box-shadow: none; }
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user