sendou.ink/app/styles/play-settings.css
2022-03-06 13:38:55 +02:00

59 lines
1.1 KiB
CSS

.play-settings__label {
display: block;
font-size: var(--fonts-sm);
font-weight: var(--bold);
}
.play-settings__weapons {
display: flex;
width: 17rem;
flex-direction: column;
padding: 0;
gap: var(--s-2);
margin-block-start: var(--s-3);
}
.play-settings__weapon-row {
display: flex;
align-items: center;
padding: var(--s-1) var(--s-2);
background-color: var(--theme);
border-radius: var(--rounded);
color: var(--button-text);
font-size: var(--fonts-xxs);
font-weight: var(--bold);
letter-spacing: var(--s-0-5);
text-transform: uppercase;
}
.play-settings__weapon {
width: 2rem;
margin-inline-end: var(--s-2);
}
.play-settings__explanation {
color: var(--text-lighter);
font-size: var(--fonts-sm);
margin-block-end: var(--s-2);
}
.play-settings__error-text {
color: var(--theme-error);
font-size: var(--fonts-sm);
margin-block-start: var(--s-2);
}
.play-settings__mini-bio {
width: min(18rem, 100%);
height: 6rem;
}
.play-settings__character-count {
margin-top: -0.25rem;
font-size: var(--fonts-xs);
}
.play-settings__character-count.error {
color: var(--theme-error);
}