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

Redeifine mini size for when we let sitename slide over the logo #114

Browse source
This commit is contained in:
benjamin melançon 2025-07-19 22:08:36 -04:00
parent 018dd5a6a6
commit bcb559caa6
3 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/themes/custom/geofresco/src/global/_layout.scss
View file

@ -7,9 +7,18 @@
// Center logo & sitename when they stack on tiny screens.
@include mixins.until(local.$mini) {
.sitename.column,
.logo.column {
width: 100%;
.geo-logo-name .sitename {
position: absolute;
left: calc(100vw - 14rem);
top: 0.5rem;
}
// .logo.column {
// width: 100%;
// }
.navigation.column .hamburger {
position: absolute;
right: 0;
top: 0.5rem;
}
}

2
web/themes/custom/geofresco/src/global/_variables.scss
View file

@ -22,7 +22,7 @@ $gleaning: $yellow;
// Update Bulma's global variables.
$primary: $geo-green;
$mini: 363px;
$mini: 448px;
// Font family
$family-geo: "Ocan", "Ubuntu", "Arial Narrow", "Helvetica", "Arial", "Lucida", sans-serif !default;

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

@ -14,7 +14,7 @@
@forward "elements";
@forward "../../node_modules/bulma/sass/form/_index";
@forward "form";
$navbar-breakpoint: calc($mini/2);
// $navbar-breakpoint: calc($mini/2);
@forward "../../node_modules/bulma/sass/components/_index";
@forward "components";
@forward "../../node_modules/bulma/sass/grid/_index";