Update theme to Bulma 1.0 so that CSS compiles if not look precisely right

This commit is contained in:
benjamin melançon 2025-03-28 15:35:47 -04:00
parent 66fea3dc4b
commit 151b411797
12 changed files with 74 additions and 113 deletions

View file

@ -1,50 +1,26 @@
// Bring in Bulma allowing us to extend and override it.
// Set brand colors.
$blue: #4391E0;
$red: #a70c20;
$light-green: #65AB1F;
$green: #478D00;
$green-gray: #8FB489;
$offwhite: #F8F8F8;
$brown: #AD7442;
// No idea where this yellow came from, apparently Bulma, but we never set it
// yet it is the right color. Anyway i'm past trying to figure things out.
// Re-setting it here, just so that we can assign it to Gleanings, below.
$yellow: #ffdd57;
// A color for each content type
$article: $green;
$blog: $blue;
$collection: $brown;
$gleaning: $yellow;
// Update Bulma's global variables.
$primary: $green;
$mini: 363px;
@use "variables" as *;
// Import each part of Bulma separately so we can layer in our styles.
// Extend or override Bulam's base styles in this themes base.scss etc.
@import "../../node_modules/bulma/sass/utilities/_all";
@import "fonts";
@import "../../node_modules/bulma/sass/base/_all";
@import "base";
@import "../../node_modules/bulma/sass/elements/_all";
@import "elements";
@import "../../node_modules/bulma/sass/form/_all";
@import "form";
$navbar-breakpoint: $mini/2;
@import "../../node_modules/bulma/sass/components/_all";
@import "components";
@import "../../node_modules/bulma/sass/grid/_all";
@import "grid";
@import "../../node_modules/bulma/sass/layout/_all";
@import "layout";
@forward "../../node_modules/bulma/sass/utilities/_index";
@forward "fonts";
@forward "../../node_modules/bulma/sass/base/_index";
@forward "base";
@forward "../../node_modules/bulma/sass/elements/_index";
@forward "elements";
@forward "../../node_modules/bulma/sass/form/_index";
@forward "form";
$navbar-breakpoint: calc($mini/2);
@forward "../../node_modules/bulma/sass/components/_index";
@forward "components";
@forward "../../node_modules/bulma/sass/grid/_index";
@forward "grid";
@forward "../../node_modules/bulma/sass/layout/_index";
@forward "layout";
// Stylesheets below will have access to all Bulma variables and mixins.
@import "content";
@import "paint";
@forward "content";
@forward "paint";
// @import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
// @forward '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';