geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 54 Pull requests Projects Releases Packages Wiki Activity Actions

Temporarily add 'new' style proof of concept, with one key part moved to our 'old'

Browse source
This commit is contained in:
benjamin melançon 2025-07-14 09:15:23 -04:00
parent 12a1bf138d
commit 7ac916395a
2 changed files with 63 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web/themes/custom/geofresco/src/global/global-old.scss Normal file
View file

@ -0,0 +1,29 @@
// Bring in Bulma allowing us to extend and override it.
@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.
@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";
// Import the themes so that all CSS variables have a value
@forward "../../node_modules/bulma/sass/themes";
// Stylesheets below will have access to all Bulma variables and mixins.
@forward "content";
@forward "paint";
// @forward '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';

57
web/themes/custom/geofresco/src/global/global.scss
View file

@ -1,26 +1,37 @@
// Bring in Bulma allowing us to extend and override it.
// Set your brand colors
$purple: #8a4d76;
$pink: #fa7c91;
$brown: #757763;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;
@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.
@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";
// Override global Sass variables from the /utilities folder
@use "../../node_modules/bulma/sass/utilities" with (
$family-primary: '"Nunito", sans-serif',
$grey-dark: $brown,
$grey-light: $beige-light,
$primary: $purple,
$link: $pink,
$control-border-width: 2px
);
// Stylesheets below will have access to all Bulma variables and mixins.
@forward "content";
@forward "paint";
// Override Sass variables from the /form folder
@use "../../node_modules/bulma/sass/form" with (
$input-shadow: none
);
// @forward '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
// Import the components you need
@forward "../../node_modules/bulma/sass/base";
@forward "../../node_modules/bulma/sass/components/card";
@forward "../../node_modules/bulma/sass/components/modal";
@forward "../../node_modules/bulma/sass/components/navbar";
@forward "../../node_modules/bulma/sass/elements/button";
@forward "../../node_modules/bulma/sass/elements/icon";
@forward "../../node_modules/bulma/sass/elements/content";
@forward "../../node_modules/bulma/sass/elements/notification";
@forward "../../node_modules/bulma/sass/elements/progress";
@forward "../../node_modules/bulma/sass/elements/tag";
@forward "../../node_modules/bulma/sass/layout/footer";
// Import the themes so that all CSS variables have a value
@forward "../../node_modules/bulma/sass/themes";