// Show the current breakpoints in the lower left corner. $debug-breakpoint: false; // ------------ Settings for Bulma --------------- // 1. Import the initial variables @import "../node_modules/bulma/sass/utilities/initial-variables"; @import "../node_modules/bulma/sass/utilities/functions"; // 2. Set your own initial variables // Colors $light: rgb(240, 239, 239); $dark: #444; $medium: #777; // Fonts $font-sans-serif : 'Roboto', sans-serif; // Base font $font-serif : 'Bitter', serif; // Headings // 3. Set the derived variables // Option 1: https://color.adobe.com/ims-construction-colors-color-theme-10555392/ $link: #DF1C31; $info: #1B2A3F; $primary: #2873A4; $success: #F1A42C; // Option 2: https://color.adobe.com/mapa-laranja-color-theme-10556928/ // $primary: #C97B5C; // $info: #3F3430; // $link: #3F271D; // $success: #8B7368; // Option 3: https://color.adobe.com/WASD-color-theme-10551808/ // $primary: #0D6545; // $info: #373B3A; // $link: #0E724E; // $success: #8B7368; // Option 4: https://color.adobe.com/Palette-de-couleurs-1-color-theme-10564608/ // $primary: darken(#9FD4F1, 10); // $info: #9B8D1F; // $link: #385681; // $success: #9C8754; // Option 5: Black & White // $primary: #444; // $info: #888; // $link: #385691; // $success: #777; $pre-background: $grey-lighter; $family-primary: $font-sans-serif; // Generic variables $body-background-color: $white; $body-weight: $weight-light; $column-gap: 1.5rem; // Title $title-color: $black; $title-weight: $weight-normal; $title-size: 2rem; $subtitle-size: 1.5rem; // Box $box-radius: 0; $box-shadow: 0; // 4. Setup your Custom Colors $linkedin: #0077b5; $linkedin-invert: findColorInvert($linkedin); $twitter: #55acee; $twitter-invert: findColorInvert($twitter); $github: #333; $github-invert: findColorInvert($github); // 5. Import the rest of the "utilities". @import "../node_modules/bulma/sass/utilities/all";