make buttonbar class
This commit is contained in:
parent
1fb80d0674
commit
95b73d45e0
3 changed files with 70 additions and 62 deletions
|
@ -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%;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue