Refactor tournaments background CSS var name

This commit is contained in:
Kalle (Sendou)
2021-12-24 13:05:40 +02:00
parent 258669993c
commit 40e7b70646
3 changed files with 5 additions and 6 deletions

View File

@@ -91,7 +91,7 @@ export default function TournamentPage() {
className="tournament__container"
style={
{
"--tournaments-background": data.bannerBackground,
"--tournaments-bg": data.bannerBackground,
"--tournaments-text": data.CSSProperties.text,
"--tournaments-text-transparent": data.CSSProperties.textTransparent,
// todo: could make a TS helper type for this that checks for leading --

View File

@@ -83,8 +83,7 @@
}
.tournament-bracket__elim__team.own {
/* TODO: refactor this to tournaments-bg */
background: var(--tournaments-background);
background: var(--tournaments-bg);
color: var(--tournaments-text);
font-weight: var(--bold);
}

View File

@@ -13,7 +13,7 @@
.tournament__action-section {
width: 100%;
padding: var(--s-1-5);
background: var(--tournaments-background);
background: var(--tournaments-bg);
border-radius: var(--rounded);
}
@@ -47,7 +47,7 @@
display: inline-block;
min-width: 100%;
padding: var(--s-1-5);
background: var(--tournaments-background);
background: var(--tournaments-bg);
border-radius: var(--rounded);
}
@@ -102,7 +102,7 @@
.info-banner {
width: 100%;
padding: var(--s-6);
background: var(--tournaments-background);
background: var(--tournaments-bg);
border-radius: var(--rounded);
color: var(--tournaments-text);
}