2022-12-20 16:23:37 -07:00
|
|
|
@charset "utf-8";
|
|
|
|
|
|
|
|
// Import a Google Font
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
|
|
|
|
|
|
|
|
// Set your brand colors
|
|
|
|
$lime:#00fdbe;
|
|
|
|
$purple: #a45e8d;
|
2023-01-27 17:11:39 -07:00
|
|
|
$pink: #F5A9B8;
|
2022-12-20 16:23:37 -07:00
|
|
|
$beige-light: #eaeaea;
|
2023-01-27 17:29:36 -07:00
|
|
|
$off-dark: #181516;
|
2023-01-27 17:38:20 -07:00
|
|
|
$off-off-dark: #070707;
|
2022-12-20 16:23:37 -07:00
|
|
|
|
|
|
|
// Update Bulma's global variables
|
|
|
|
$family-sans-serif: "Nunito", sans-serif;
|
|
|
|
$grey-dark: $purple;
|
|
|
|
$grey-light: $beige-light;
|
|
|
|
$primary: $lime;
|
|
|
|
$link: $pink;
|
|
|
|
$widescreen-enabled: false;
|
|
|
|
$fullhd-enabled: false;
|
|
|
|
|
|
|
|
// Update some of Bulma's component variables
|
2023-01-27 17:33:15 -07:00
|
|
|
$body-background-color: $off-dark;
|
2022-12-20 16:23:37 -07:00
|
|
|
$control-border-width: 2px;
|
|
|
|
$input-border-color: transparent;
|
|
|
|
$input-shadow: none;
|
|
|
|
|
|
|
|
|
|
|
|
//my shit
|
2023-01-27 17:39:52 -07:00
|
|
|
$title-color: $off-off-dark;
|
2022-12-20 16:23:37 -07:00
|
|
|
$input-color: $link;
|
2023-01-27 17:29:36 -07:00
|
|
|
$primary: $lime;
|
2023-01-27 17:33:15 -07:00
|
|
|
$text-strong: $pink;
|
2023-01-27 17:38:41 -07:00
|
|
|
$navbar-background-color: $off-off-dark;
|
2022-12-20 16:25:24 -07:00
|
|
|
$navbar-item-color: $grey-dark;
|
2022-12-20 16:23:37 -07:00
|
|
|
|
|
|
|
|
|
|
|
// Import only what you need from Bulma
|
|
|
|
@import "../node_modules/bulma/sass/utilities/_all.sass";
|
|
|
|
@import "../node_modules/bulma/sass/base/_all.sass";
|
|
|
|
@import "../node_modules/bulma/sass/elements/button.sass";
|
|
|
|
@import "../node_modules/bulma/sass/elements/container.sass";
|
|
|
|
@import "../node_modules/bulma/sass/elements/title.sass";
|
|
|
|
@import "../node_modules/bulma/sass/form/_all.sass";
|
|
|
|
@import "../node_modules/bulma/sass/components/navbar.sass";
|
|
|
|
@import "../node_modules/bulma/sass/layout/hero.sass";
|
|
|
|
@import "../node_modules/bulma/sass/layout/section.sass";
|