mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-08-27 21:55:15 -05:00
Refactor tournaments background CSS var name
This commit is contained in:
@@ -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 --
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user