diff options
| author | Zephyrrus <[email protected]> | 2020-07-09 02:23:19 +0300 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2020-07-09 02:23:19 +0300 |
| commit | 5ded974ef98caf0b8c9160938ff55dc101c718ee (patch) | |
| tree | 574dbeab3c312ffea8755785ae7e2969b8b4b9f6 /src/site/assets/styles | |
| parent | feat: add handler for actions (diff) | |
| download | host.fuwn.me-5ded974ef98caf0b8c9160938ff55dc101c718ee.tar.xz host.fuwn.me-5ded974ef98caf0b8c9160938ff55dc101c718ee.zip | |
feat: add lolisafe as a color to bulma instead of doing weird hacks
Diffstat (limited to 'src/site/assets/styles')
| -rw-r--r-- | src/site/assets/styles/_bulma_colors_extender.scss | 16 | ||||
| -rw-r--r-- | src/site/assets/styles/style.scss | 5 |
2 files changed, 19 insertions, 2 deletions
diff --git a/src/site/assets/styles/_bulma_colors_extender.scss b/src/site/assets/styles/_bulma_colors_extender.scss new file mode 100644 index 0000000..69dbd1e --- /dev/null +++ b/src/site/assets/styles/_bulma_colors_extender.scss @@ -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) +); diff --git a/src/site/assets/styles/style.scss b/src/site/assets/styles/style.scss index 0ebba4c..202e02a 100644 --- a/src/site/assets/styles/style.scss +++ b/src/site/assets/styles/style.scss @@ -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; |