Dirty markup

This commit is contained in:
He4eT 2021-03-02 01:28:45 +05:00
commit dddf378977
5 changed files with 131 additions and 27 deletions

View file

@ -22,7 +22,6 @@ html, body {
background-color: var(--bg-color);
color: var(--main-color);
padding: var(--outer-padding);
}
.app > main {
@ -40,3 +39,54 @@ html, body {
max-width: 800px;
}
}
/* Common */
a {
border-bottom: 2px solid currentColor;
color: inherit;
text-decoration: none;
}
a:focus {
background-color: hsl(0, 0%, 0%, 0.1);
}
/* Dirty views */
.app > main.home {
padding: var(--inner-padding);
max-height: unset;
height: 200%;
}
.home input,
.home select {
padding: 4px 8px;
color: var(--main-color);
background-color: var(--bg-color);
border: 2px solid var(--main-color);
outline-offset: 0;
font: inherit;
}
.home summary {
display: inline-block;
padding-right: 4px;
cursor: pointer;
}
.home details > ul {
border-left: 4px solid currentColor;
}
.home .play label {
display: block;
margin-bottom: 16px;
}
.home .play input {
box-sizing: border-box;
width: 100%;
max-width: 400px;
}