50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
check, radio {
|
|
margin: 0 2px;
|
|
min-height: 18px;
|
|
min-width: 18px;
|
|
border: 1px solid #0b110b;
|
|
border-radius: 8px;
|
|
background-color: #424a42;
|
|
color: transparent;
|
|
-gtk-icon-source: none;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
radio {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
check:checked {
|
|
background-color: #424a42;
|
|
border-color: #1c7a44;
|
|
background-image:
|
|
linear-gradient(45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%),
|
|
linear-gradient(-45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%);
|
|
background-size: 70% 70%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
radio:checked {
|
|
background-color: #424a42;
|
|
border-color: #1c7a44;
|
|
background-image: radial-gradient(circle, #1c7a44 35%, transparent 40%);
|
|
}
|
|
|
|
check:indeterminate {
|
|
background-color: #424a42;
|
|
border-color: #1c7a44;
|
|
background-image: linear-gradient(to right, #1c7a44, #1c7a44);
|
|
background-size: 60% 2px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
check:disabled,
|
|
radio:disabled {
|
|
background-color: #080c08;
|
|
border-color: #424a42;
|
|
color: transparent;
|
|
background-image: none;
|
|
}
|