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 { &.wind {
background: $wind-bg-20; background: var(--wind-bg);
color: $wind-text-10; color: var(--wind-text);
&:hover { &:hover {
background: darken($wind-bg-20, 10); background: var(--wind-bg-hover);
} }
} }
&.fire { &.fire {
background: $fire-bg-20; background: var(--fire-bg);
color: $fire-text-10; color: var(--fire-text);
&:hover { &:hover {
background: darken($fire-bg-20, 10); background: var(--fire-bg-hover);
} }
} }
&.water { &.water {
background: $water-bg-20; background: var(--water-bg);
color: $water-text-10; color: var(--water-text);
&:hover { &:hover {
background: darken($water-bg-20, 10); background: var(--water-bg-hover);
} }
} }
&.earth { &.earth {
background: $earth-bg-20; background: var(--earth-bg);
color: $earth-text-10; color: var(--earth-text);
&:hover { &:hover {
background: darken($earth-bg-20, 10); background: var(--earth-bg-hover);
} }
} }
&.dark { &.dark {
background: $dark-bg-10; background: var(--dark-bg);
color: $dark-text-10; color: var(--dark-text);
&:hover { &:hover {
background: darken($dark-bg-10, 10); background: var(--dark-bg-hover);
} }
} }
&.light { &.light {
background: $light-bg-20; background: var(--light-bg);
color: $light-text-10; color: var(--light-text);
&:hover { &: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; // opacity: 0.7;
&.wind { &.wind {
color: $wind-bg-20; color: var(--wind-text);
} }
&.fire { &.fire {
color: $fire-bg-20; color: var(--fire-text);
} }
&.water { &.water {
color: $water-bg-20; color: var(--water-text);
} }
&.earth { &.earth {
color: $earth-bg-20; color: var(--earth-text);
} }
&.dark { &.dark {
color: $dark-bg-10; color: var(--dark-text);
} }
&.light { &.light {
color: $light-bg-20; color: var(--light-text);
} }
} }