Small optimizations #1
@@ -34,6 +34,7 @@ body {
|
|||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: var(--base);
|
background-color: var(--base);
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@@ -214,6 +215,7 @@ input[type="range"]::-ms-fill-upper {
|
|||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
|
width: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
@@ -256,8 +258,7 @@ input[type="range"]::-ms-fill-upper {
|
|||||||
.button:after {
|
.button:after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin: -2px;
|
margin: -2px 0;
|
||||||
width: inherit;
|
|
||||||
top: 1px;
|
top: 1px;
|
||||||
left: 1px;
|
left: 1px;
|
||||||
right: -1px;
|
right: -1px;
|
||||||
@@ -267,6 +268,7 @@ input[type="range"]::-ms-fill-upper {
|
|||||||
background-color: var(--text);
|
background-color: var(--text);
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
transform: translate(2px, 2px);
|
transform: translate(2px, 2px);
|
||||||
|
width: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
Reference in New Issue
Block a user