sendou.ink/app/styles/utils.css
Kalle ecd5a2a2f7
TO Tools (#1077)
* Add DB tables

* Toggle TO Tools in new calendar event page

* TO tools page initial

* Add counter pick map pool UI

* Save tie breaker map pool

* Save team name

* Layout initial

* Load users own team

* Make team name input required

* Rename team

* Divide to sections

* Submit team map pool

* New style for counter pick map pool section expand

* Fix tiebreaker map pool not saved when new event made

* Split to many forms

* According for team name

* Small UI consistency tweaks

* Add explanation to tie breaker maps

* Remove redundant prop

* Fix new calendar event todos

* Use required hidden input component in new build page

* Fix to tools page showing even when toToolsEnabled = 0

* Delete team

* Map list generation tests initial

* Add tournament map list generation tests

* First version of map list generation

* Add seeded RNG

* Rearrange files

* Generation with strats initial

* Default map pool + allow one team not to have any maps

* Implement map generation via backtracking

* Make order of stages irrelevant

* Add one more TODO

* Seed

* Fixes

* Tournament map list generator initial

* More functional maplist

* Fix any

* Persist in search params initial

* Add date to calendar seed

* Revert "Persist in search params initial"

This reverts commit f01a9e6982.

* Allow admin to start tournament

* Rate maplist instead of optimal / suboptimal

* Add fallback if map list generation errors out

* Hide TO Tools if not admin

* Submit team roster and delete members

* Teams page

* Give roster s p a c e

* Clear user combobox on sent + layout tweaks

* Gracefully handle updating after tournament has started

* Add title

* Persist map list in search params

* Add i18n
2022-11-13 14:41:13 +02:00

196 lines
2.1 KiB
CSS

.text-lg {
font-size: var(--fonts-lg);
}
.text-sm {
font-size: var(--fonts-sm);
}
.text-xs {
font-size: var(--fonts-xs);
}
.text-xxs {
font-size: var(--fonts-xxs);
}
.text-center {
text-align: center;
}
.text-main-forced {
color: var(--text) !important;
}
.text-lighter {
color: var(--text-lighter);
}
.text-error {
color: var(--theme-error);
}
.text-success {
color: var(--theme-success);
}
.text-info {
color: var(--theme-info);
}
.fill-success {
fill: var(--theme-success);
}
.fill-warning {
fill: var(--theme-warning);
}
.bg-darker-important {
background-color: var(--bg-darker) !important;
}
.bg-transparent-important {
background-color: transparent !important;
}
.bg-darker-transparent {
background-color: var(--bg-darker-transparent);
}
.rounded {
border-radius: var(--rounded);
}
.font-semi-bold {
font-weight: var(--semi-bold);
}
.w-full {
width: 100%;
}
.w-full-important {
width: 100% !important;
}
.w-4 {
width: var(--s-4);
}
.w-24 {
width: var(--s-24);
}
.w-max {
width: max-content;
}
.px-4 {
padding-inline: var(--s-4);
}
.py-4 {
padding-block: var(--s-4);
}
.pl-4 {
padding-inline-start: var(--s-4);
}
.px-2 {
padding-inline: var(--s-2);
}
.pb-4 {
padding-block-end: var(--s-4);
}
.mt-2 {
margin-block-start: var(--s-2);
}
.mt-3 {
margin-block-start: var(--s-3);
}
.mt-4 {
margin-block-start: var(--s-4);
}
.mb-0 {
margin-block-end: 0;
}
.mb-1 {
margin-block-end: var(--s-1);
}
.ml-auto {
margin-inline-start: auto;
}
.mr-auto {
margin-inline-end: auto;
}
.mx-auto {
margin: 0 auto;
}
.my-4 {
margin-block: var(--s-4);
}
.m-0-auto {
margin: 0 auto;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.flex {
display: flex;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.flex-wrap {
flex-wrap: wrap;
}
.all-unset {
all: unset;
}
.outline-theme:focus {
outline: 2px solid var(--theme);
}