by roundabout, Wednesday, 15 March 2017, 11:00:04 (1489575604), pushed by roundabout, Sunday, 11 May 2025, 13:22:06 (1746969726)
Author identity: nana-4 <hnmaigo@gmail.com>
037836c0eac4b0ef6b7c3fe3ed3627ef9d1ea2b7
src/gtk-3.0/3.20/gtk-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.20/gtk-dark-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.20/gtk-dark.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.20/gtk-light-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.20/gtk-light.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.20/gtk.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk-dark-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk-dark.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk-light-compact.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 22/22px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent)) 22/22px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk-light.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/gtk.css
@@ -1544,10 +1544,10 @@ radio {
radio:checked,
radio:indeterminate {
color: #FF4081; }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
color: rgba(255, 64, 129, 0.4); }
row check:not(:checked):not(:indeterminate), row
radio:not(:checked):not(:indeterminate) {
color: alpha(currentColor, 0.75); }
@@ -1591,45 +1591,24 @@ radio {
radio:indeterminate:checked {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
@keyframes check_check {
from {
-gtk-icon-transform: rotate(90deg); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
to {
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: unset; }
50% {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
modelbutton.flat check:not(:indeterminate):checked,
.menuitem.button.flat check:not(:indeterminate):checked,
check:not(:indeterminate):checked {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:not(:indeterminate):checked:active {
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
.menuitem.button.flat check:indeterminate:checked,
.menuitem.button.flat radio:indeterminate:checked,
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
check:indeterminate:checked:active, radio:indeterminate:checked:active {
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
animation: none; }
check:not(:indeterminate):not(:checked):active {
-gtk-icon-transform: rotate(90deg); }
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active {
-gtk-icon-transform: scaleX(-1); }
check:not(:checked),
radio:not(:checked) {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
check:not(:checked):active,
radio:not(:checked):active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
menu menuitem check:checked, menu menuitem check:indeterminate,
menu menuitem radio:checked,
menu menuitem radio:indeterminate {
transition: none; }
treeview.view check,
treeview.view radio {
src/gtk-3.0/3.22/sass/_common.scss
@@ -657,12 +657,6 @@ modelbutton.flat,
&:first-child { margin-left: -16px; margin-right: -8px; }
}
check:not(:indeterminate):checked { @extend %check_checked; }
// radio:not(:indeterminate):checked { @extend %radio_checked; }
check:indeterminate:checked, radio:indeterminate:checked { @extend %indeterminate_checked; }
}
modelbutton.flat arrow {
@@ -1990,9 +1984,11 @@ radio {
@extend %circular_button;
&:checked, &:indeterminate { color: $accent_color; }
&:checked, &:indeterminate {
color: $accent_color;
&:checked:disabled, &:indeterminate:disabled { color: scale-alpha($accent_color, $disabled_opacity); }
&:disabled { color: scale-alpha($accent_color, $disabled_opacity); }
}
// &:only-child { margin: -12px; }
@@ -2013,7 +2009,6 @@ radio {
&, &:hover, &:disabled {
box-shadow: none;
// color: inherit;
// animation: none;
}
}
}
@@ -2080,59 +2075,38 @@ radio {
}
}
// let's animate things
@keyframes check_check {
from { -gtk-icon-transform: rotate(90deg); }
to { -gtk-icon-transform: unset; }
}
// ANIMATION:
// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes,
// the transformation is set on the active state and it get reset on the checked state.
check:not(:indeterminate):not(:checked):active { -gtk-icon-transform: rotate(90deg); }
@keyframes check_radio { // FIXME: cannot animate border-image
from {
border-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to($accent_color),
to(transparent))
$radio_radius_slice / $radio_radius_width;
}
// radio:not(:indeterminate):not(:checked):active { -gtk-icon-transform: scale(0); }
to {
border-image: -gtk-gradient(radial,
center center, 0,
center center, $radio_indicator,
to($accent_color),
to(transparent))
$radio_radius_slice / $radio_radius_width;
check:indeterminate:not(:checked):active,
radio:indeterminate:not(:checked):active { -gtk-icon-transform: scaleX(-1); } // instead of rotateY(180deg)
check:not(:checked),
radio:not(:checked) {
& {
transition: $longer_transition,
background-size $ripple_duration $deceleration_curve,
background-image $ripple_duration * 2 $deceleration_curve,
-gtk-icon-transform 0;
}
}
@keyframes check_indeterminate {
from { -gtk-icon-transform: unset; }
50% { -gtk-icon-transform: scale(0, 1); }
to { -gtk-icon-transform: unset; }
&:active {
transition: $longer_transition,
background-size 0,
background-image 0,
-gtk-icon-transform 0;
}
}
%check_checked,
check:not(:indeterminate):checked { animation: check_check $longer_duration $standard_curve; }
check:not(:indeterminate):checked:active { animation: check_check $longer_duration $standard_curve, ripple_effect $longer_duration $deceleration_curve forwards; }
// %radio_checked,
// radio:not(:indeterminate):checked { animation: check_radio $longer_duration $standard_curve; }
// radio:not(:indeterminate):checked:active { animation: check_radio $longer_duration $standard_curve, ripple_effect $longer_duration $deceleration_curve forwards; }
%indeterminate_checked,
check:indeterminate:checked, radio:indeterminate:checked { animation: check_indeterminate $longer_duration $standard_curve; }
check:indeterminate:checked:active, radio:indeterminate:checked:active { animation: check_indeterminate $longer_duration $standard_curve, ripple_effect $longer_duration $deceleration_curve forwards; }
// no animations in menus
menu menuitem {
check:not(:indeterminate):checked,
radio:not(:indeterminate):checked,
check:indeterminate:checked,
radio:indeterminate:checked { animation: none; }
check,
radio {
&:checked, &:indeterminate { transition: none; }
}
}
treeview.view check,