Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-13 22:42:38 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Remove unused classes from common.css

Browse Source
This commit is contained in:
hfcRed 2026-01-21 18:43:36 +01:00
parent 2158fbb01a
commit e8687b0627
1 changed files with 0 additions and 272 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

272
app/styles/common.css
View File

@ -531,275 +531,3 @@ abbr[title] {
#nprogress .peg {
display: none !important;
}
.alert.warning > svg {
fill: var(--theme-warning);
}
.alert.error > svg {
fill: var(--theme-error);
}
.alert.success > svg {
fill: var(--theme-success);
}
.form-errors {
font-size: var(--font-sm);
}
.form-errors > h4 {
color: var(--theme-error);
}
.section > div {
padding: var(--s-2);
border-radius: var(--radius-box);
background-color: var(--bg-darker);
}
.section > h2 {
color: var(--text-lighter);
font-size: var(--font-md);
}
.stack {
display: flex;
flex-direction: column;
}
.stack.xxxs {
gap: var(--s-0-5);
}
.stack.xxs {
gap: var(--s-1);
}
.stack.xs {
gap: var(--s-1-5);
}
.stack.sm {
gap: var(--s-2);
}
.stack.sm-column {
column-gap: var(--s-2);
}
.stack.sm-plus {
gap: var(--s-3);
}
.stack.md {
gap: var(--s-4);
}
.stack.md-plus {
gap: var(--s-6);
}
.stack.lg {
gap: var(--s-8);
}
.stack.xs-row {
row-gap: var(--s-1-5);
}
.stack.lg-row {
row-gap: var(--s-8);
}
.stack.xl {
gap: var(--s-12);
}
.stack.xxl {
gap: var(--s-16);
}
.stack.horizontal {
flex-direction: row;
}
.flex-same-size {
flex: 1 1 0px;
}
.lock-scroll {
overflow: hidden;
height: unset;
}
.small-icon {
width: 1.2rem;
height: 1.2rem;
}
/* https://stackoverflow.com/questions/50917016/make-a-hidden-field-required/50917245#comment117565184_50917245 */
.hidden-input-with-validation {
position: absolute;
width: 0;
height: 0;
border: none;
opacity: 0;
pointer-events: none;
}
.label__container {
display: flex;
align-items: flex-end;
gap: var(--s-2);
margin-block-end: var(--label-margin);
}
.label__container > label {
margin: 0;
}
.label__value {
color: var(--text-lighter);
font-size: var(--font-2xs);
margin-block-start: -5px;
}
.label__value.warning {
color: var(--theme-warning);
}
.label__value.error {
color: var(--theme-error);
}
.error-message {
display: block;
color: var(--theme-error);
font-size: var(--font-xs);
margin-block-start: var(--label-margin);
}
.info-message {
display: block;
color: var(--text-lighter);
font-size: var(--font-xs);
margin-block-start: var(--label-margin);
}
.no-margin {
margin: 0;
}
.small-icon {
width: 1.2rem;
height: 1.2rem;
}
.small-text {
font-size: var(--font-2xs) !important;
}
.colors__summary {
padding: var(--s-2) var(--s-3);
border: 2px solid var(--border);
border-radius: var(--radius-field);
background-color: var(--bg-input);
font-weight: var(--weight-bold);
font-size: var(--font-xs);
& div {
display: inline-flex;
}
& svg {
width: 24px;
color: var(--theme);
position: absolute;
right: 20px;
top: 14px;
}
& + div {
margin-block-start: var(--s-4);
}
}
.colors__container {
width: 100%;
font-size: var(--font-sm);
font-weight: var(--weight-bold);
padding: var(--s-3);
border: 2px solid var(--border);
border-radius: var(--radius-field);
background-color: var(--bg-input);
margin-bottom: var(--s-3);
overflow-x: auto;
}
.colors__grid {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(3, max-content);
gap: var(--s-3);
}
.colors__table {
width: 100%;
border-spacing: 0;
text-indent: 0;
text-align: left;
font-size: var(--font-xs);
& svg {
width: 1rem;
height: 1rem;
display: inline;
vertical-align: sub;
margin-right: 2px;
}
& td {
padding-block: var(--s-2);
}
& tr:last-child td {
border-bottom: none;
padding-bottom: 0;
}
}
.colors__contrast {
text-wrap-mode: nowrap;
&.fail {
color: var(--theme-error);
}
&.success {
color: var(--theme-success);
}
}
.playwire__img {
display: block;
width: 200px;
margin-right: auto;
margin-left: auto;
}
.playwire__text {
font-size: var(--font-sm);
text-align: center;
}
.top-leaderboard {
min-height: 130px;
margin: 10px 0;
}
@media screen and (min-width: 601px) {
.top-leaderboard {
min-height: 120px;
}
}