fix smaller style issues

This commit is contained in:
bhomie 2020-07-01 17:48:00 -07:00
parent 6b5f338483
commit d7fe8e7b9b
2 changed files with 10 additions and 2 deletions

View file

@ -1340,6 +1340,9 @@ key {
grid-area: unset;
grid-column: 1 / span 4;
}
& .spacer {
grid-column: 3 / 5;
}
}
h1{
font-size: 1rem;
@ -1351,6 +1354,8 @@ key {
}
p{
grid-area: text;
color: var(--sub-color);
margin: 0;
}
.text{
align-self: normal;
@ -1456,7 +1461,6 @@ key {
"buttons";
gap: .5rem;
.tabs {
font-family: "Roboto Mono";
grid-area: tabs;
display: flex;
grid-template-columns: 1fr 1fr 9fr;
@ -1472,6 +1476,7 @@ key {
text-align: left;
border: 0;
background: 0;
font-family: "Roboto Mono";
&:first-child{
margin-right: .5rem;
}

View file

@ -453,6 +453,9 @@
<label for="--text-color">#e2b714</label>
<input type="color" value="" id="--text-color">
</span>
<span class="spacer"></span>
<label class="text">error</label>
<span class="colorPicker">
<label for="--error-color">#e2b714</label>
@ -464,7 +467,7 @@
<input type="color" value="" id="--error-extra-color">
</span>
<p>colofrul mode options:</p>
<p>colorful mode</p>
<label class="text">error</label>
<span class="colorPicker">