Peps
/
v3.0.0
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: add lolisafe as a color to bulma instead of doing weird hacks

This commit is contained in:
Zephyrrus 2020-07-09 02:23:19 +03:00
parent 704578e964
commit 5ded974ef9
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/site/assets/styles/_bulma_colors_extender.scss Normal file
View File

@ -0,0 +1,16 @@
// Import the initial variables
@import "../../../node_modules/bulma/sass/utilities/initial-variables";
@import "../../../node_modules/bulma/sass/utilities/functions";
// Setup our custom colors
$lolisafe: #323846;
$lolisafe-invert: findColorInvert($lolisafe);
// XXX: EXPERIMENTAL, CHECK IF WE NEED ORIGINAL PRIMARY ANYWHERE
// $primary: $lolisafe;
// $primary-invert: $lolisafe-invert;
// declare custom colors
$custom-colors: (
"lolisafe":($lolisafe, $lolisafe-invert)
);

5
src/site/assets/styles/style.scss
View File

@ -1,4 +1,5 @@
// Let's first take care of having the customized colors ready.
@import './_bulma_colors_extender.scss';
@import './_colors.scss';
// Bulma/Buefy customization
@ -221,7 +222,7 @@ section#register a.is-text {
color: $textColor;
}
}
button.button.is-primary {
/* button.button.is-primary {
background-color: #323846;
border: 2px solid #21252d;
color: $textColor;
@ -235,7 +236,7 @@ button.button.is-primary {
&.big {
font-size: 1.25rem;
}
}
} */
svg.waves {
display: block;
bottom: -1px;