granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use new element variables

Browse source 
* h5 in globals
* Buttons
This commit is contained in:
Justin Edmund 2023-07-03 21:03:32 -07:00
parent 8b74bb873b
commit 4cf87e8fdb
2 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
components/common/Button/index.module.scss
View file

@ -407,56 +407,56 @@
}
&.wind {
background: $wind-bg-20;
color: $wind-text-10;
background: var(--wind-bg);
color: var(--wind-text);
&:hover {
background: darken($wind-bg-20, 10);
background: var(--wind-bg-hover);
}
}
&.fire {
background: $fire-bg-20;
color: $fire-text-10;
background: var(--fire-bg);
color: var(--fire-text);
&:hover {
background: darken($fire-bg-20, 10);
background: var(--fire-bg-hover);
}
}
&.water {
background: $water-bg-20;
color: $water-text-10;
background: var(--water-bg);
color: var(--water-text);
&:hover {
background: darken($water-bg-20, 10);
background: var(--water-bg-hover);
}
}
&.earth {
background: $earth-bg-20;
color: $earth-text-10;
background: var(--earth-bg);
color: var(--earth-text);
&:hover {
background: darken($earth-bg-20, 10);
background: var(--earth-bg-hover);
}
}
&.dark {
background: $dark-bg-10;
color: $dark-text-10;
background: var(--dark-bg);
color: var(--dark-text);
&:hover {
background: darken($dark-bg-10, 10);
background: var(--dark-bg-hover);
}
}
&.light {
background: $light-bg-20;
color: $light-text-10;
background: var(--light-bg);
color: var(--light-text);
&:hover {
background: darken($light-bg-20, 10);
background: var(--light-bg-hover);
}
}
}

12
styles/globals.scss
View file

@ -96,27 +96,27 @@ h5 {
// opacity: 0.7;
&.wind {
color: $wind-bg-20;
color: var(--wind-text);
}
&.fire {
color: $fire-bg-20;
color: var(--fire-text);
}
&.water {
color: $water-bg-20;
color: var(--water-text);
}
&.earth {
color: $earth-bg-20;
color: var(--earth-text);
}
&.dark {
color: $dark-bg-10;
color: var(--dark-text);
}
&.light {
color: $light-bg-20;
color: var(--light-text);
}
}