ui: tweaks

This commit is contained in:
cha0s 2021-01-26 14:03:01 -06:00
parent 6f3185dbcf
commit 0ad10556c4
3 changed files with 14 additions and 4 deletions

View File

@ -101,7 +101,7 @@ code {
}
label {
background-color: rgba(255, 255, 255, 0.025);
background-color: rgba(255, 255, 255, 0.075);
color: #ffffff;
display: flex;
flex-direction: column;
@ -119,7 +119,7 @@ label {
}
label:nth-of-type(2n+1) {
background-color: rgba(0, 0, 0, 0.025);
background-color: rgba(0, 0, 0, 0.05);
}
[contenteditable] {
@ -159,7 +159,7 @@ button, .button {
text-decoration: none;
transition: background-color 0.2s;
&:hover {
background-color: rgba(0, 0, 0, 0.85);
background-color: rgba(255, 255, 255, 0.05);
}
}

View File

@ -1,5 +1,6 @@
.number {
display: flex;
max-height: 2em;
}
.number__input {
@ -21,10 +22,16 @@
border-left: none;
font-size: 0.5em;
flex-grow: 1;
height: 50%;
height: calc(50% - 1.5px);
margin: 0;
&:first-child {
border-bottom: none;
}
}
}
.number__button-label {
font-family: monospace;
font-size: 2em;
line-height: 0.5em;
}

View File

@ -5,6 +5,9 @@
.range__to-label {
align-self: center;
&:last-child {
margin-right: -0.5em;
}
}
.range input[type="number"] {