make buttonbar class

This commit is contained in:
Rhiannon Morris 2020-08-03 19:32:40 +02:00
parent 1fb80d0674
commit 95b73d45e0
3 changed files with 70 additions and 62 deletions

View file

@ -58,44 +58,7 @@ body {
opacity: 65%;
}
.alts input {
display: none;
}
.alts ul, .tags ul, .links ul {
padding: 0;
display: flex;
align-items: flex-start;
flex-flow: row wrap;
margin-bottom: -0.5em;
}
.alts ul {
justify-content: center;
}
.alts li, .tags li, .links li {
list-style: none;
margin-bottom: 0.5em;
}
.alts label, .tags li, .links li {
margin-right: 0.5em;
padding: 0 0.35em;
border-radius: 0.25em;
border: 1px solid white;
background: hsl(330deg, 40%, 16%, 80%);
text-shadow: none;
}
.alts :checked + label {
color: hsl(330deg, 40%, 16%, 80%);
background: white;
}
.alts .nsfw label::after {
#alts .nsfw label::after {
content: url(../18_plus_white.svg);
transform: rotate(var(--nsfw-sticker-rotate));
display: inline-block;
@ -104,14 +67,10 @@ body {
padding-left: 0.25em;
}
.alts .nsfw :checked + label::after {
#alts .nsfw :checked + label::after {
content: url(../18_plus.svg);
}
.alts a, .tags a, .links a {
text-decoration: none;
}
.info section {
display: grid;
grid-template-columns: 10% auto;
@ -132,10 +91,6 @@ footer {
}
@media (pointer: coarse) {
.alts label, .tags li, .links li {
font-size: 200%;
border-width: 2px;
}
footer {
font-size: 150%;
}