sendou.ink/app/styles/utils.css
Kalle ef78d3a2c2
Tournament full (#1373)
* Got something going

* Style overwrites

* width != height

* More playing with lines

* Migrations

* Start bracket initial

* Unhardcode stage generation params

* Link to match page

* Matches page initial

* Support directly adding seed to map list generator

* Add docs

* Maps in matches page

* Add invariant about tie breaker map pool

* Fix PICNIC lacking tie breaker maps

* Only link in bracket when tournament has started

* Styled tournament roster inputs

* Prefer IGN in tournament match page

* ModeProgressIndicator

* Some conditional rendering

* Match action initial + better error display

* Persist bestOf in DB

* Resolve best of ahead of time

* Move brackets-manager to core

* Score reporting works

* Clear winner on score report

* ModeProgressIndicator: highlight winners

* Fix inconsistent input

* Better text when submitting match

* mapCountPlayedInSetWithCertainty that works

* UNDO_REPORT_SCORE implemented

* Permission check when starting tournament

* Remove IGN from upsert

* View match results page

* Source in DB

* Match page waiting for teams

* Move tournament bracket to feature folder

* REOPEN_MATCH initial

* Handle proper resetting of match

* Inline bracket-manager

* Syncify

* Transactions

* Handle match is locked gracefully

* Match page auto refresh

* Fix match refresh called "globally"

* Bracket autoupdate

* Move fillWithNullTillPowerOfTwo to utils with testing

* Fix map lists not visible after tournament started

* Optimize match events

* Show UI while in progress to members

* Fix start tournament alert not being responsive

* Teams can check in

* Fix map list 400

* xxx -> TODO

* Seeds page

* Remove map icons for team page

* Don't display link to seeds after tournament has started

* Admin actions initial

* Change captain admin action

* Make all hooks ts

* Admin actions functioning

* Fix validate error not displaying in CatchBoundary

* Adjust validate args order

* Remove admin loader

* Make delete team button menancing

* Only include checked in teams to bracket

* Optimize to.id route loads

* Working show map list generator toggle

* Update full tournaments flow

* Make full tournaments work with many start times

* Handle undefined in crud

* Dynamic stage banner

* Handle default strat if map list generation fails

* Fix crash on brackets if less than 2 teams

* Add commented out test for reference

* Add TODO

* Add players from team during register

* TrustRelationship

* Prefers not to host feature

* Last before merge

* Rename some vars

* More renames
2023-05-15 22:37:43 +03:00

282 lines
3.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);
}
.text-warning {
color: var(--theme-warning);
}
.text-theme {
color: var(--theme);
}
.text-theme-secondary {
color: var(--theme-secondary);
}
.fill-success {
fill: var(--theme-success);
}
.fill-warning {
fill: var(--theme-warning);
}
.fill-error {
fill: var(--theme-error);
}
.bg-transparent-important {
background-color: transparent !important;
}
.bg-darker-transparent {
background-color: var(--bg-darker-transparent);
}
.rounded {
border-radius: var(--rounded);
}
.rounded-full {
border-radius: 100%;
}
.font-semi-bold {
font-weight: var(--semi-bold);
}
.font-bold {
font-weight: var(--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);
}
.pt-12-forced {
padding-block-start: var(--s-12) !important;
}
.mt-0 {
margin-block-start: var(--s-0);
}
.mt-2 {
margin-block-start: var(--s-2);
}
.mt-3 {
margin-block-start: var(--s-3);
}
.mt-4 {
margin-block-start: var(--s-4);
}
.mt-6 {
margin-block-start: var(--s-6);
}
.mb-0 {
margin-block-end: 0;
}
.mb-1 {
margin-block-end: var(--s-1);
}
.ml-auto {
margin-inline-start: auto;
}
.ml-2 {
margin-inline-start: var(--s-2);
}
.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;
}
.justify-between {
justify-content: space-between;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-self-center {
justify-self: center;
}
.self-center {
align-self: center;
}
.self-start {
align-self: flex-start;
}
.justify-self-start {
justify-self: flex-start;
}
.flex-wrap {
flex-wrap: wrap;
}
.all-unset {
all: unset;
}
.outline-theme:focus {
outline: 2px solid var(--theme);
}
.label-no-spacing {
--label-margin: 0;
}
.mobile-hidden {
display: none;
}
.desktop-hidden {
display: inherit;
}
.cursor-pointer {
cursor: pointer;
}
@media screen and (min-width: 480px) {
.mobile-hidden {
display: inherit;
}
.desktop-hidden {
display: none;
}
}