|
@@ -69,7 +69,8 @@ button:hover {
|
|
|
border-radius: 0.25rem;
|
|
|
}
|
|
|
|
|
|
-.switch:before, .label-with-hover-tip:before {
|
|
|
+
|
|
|
+.switch::before, .label-with-hover-tip::before {
|
|
|
content: attr(data-hover);
|
|
|
visibility: hidden;
|
|
|
opacity: 0;
|
|
@@ -85,7 +86,8 @@ button:hover {
|
|
|
top: 160%;
|
|
|
}
|
|
|
|
|
|
-.switch:hover:before, .label-with-hover-tip:hover:before {
|
|
|
+
|
|
|
+.switch:hover::before, .label-with-hover-tip:hover::before {
|
|
|
visibility: visible;
|
|
|
opacity: 1;
|
|
|
}
|
|
@@ -217,7 +219,7 @@ button:hover {
|
|
|
border-radius: 34px;
|
|
|
}
|
|
|
|
|
|
-.slider:before {
|
|
|
+.slider::before {
|
|
|
position: absolute;
|
|
|
content: "";
|
|
|
height: 13px;
|
|
@@ -233,7 +235,7 @@ input:checked + .slider {
|
|
|
background: var(--accent);
|
|
|
}
|
|
|
|
|
|
-input:checked + .slider:before {
|
|
|
+input:checked + .slider::before {
|
|
|
transform: translateX(13px);
|
|
|
background: var(--primary);
|
|
|
}
|