Redeifine mini size for when we let sitename slide over the logo #114
This commit is contained in:
parent
018dd5a6a6
commit
bcb559caa6
3 changed files with 14 additions and 5 deletions
|
@ -7,9 +7,18 @@
|
||||||
|
|
||||||
// Center logo & sitename when they stack on tiny screens.
|
// Center logo & sitename when they stack on tiny screens.
|
||||||
@include mixins.until(local.$mini) {
|
@include mixins.until(local.$mini) {
|
||||||
.sitename.column,
|
.geo-logo-name .sitename {
|
||||||
.logo.column {
|
position: absolute;
|
||||||
width: 100%;
|
left: calc(100vw - 14rem);
|
||||||
|
top: 0.5rem;
|
||||||
|
}
|
||||||
|
// .logo.column {
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
.navigation.column .hamburger {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -22,7 +22,7 @@ $gleaning: $yellow;
|
||||||
// Update Bulma's global variables.
|
// Update Bulma's global variables.
|
||||||
$primary: $geo-green;
|
$primary: $geo-green;
|
||||||
|
|
||||||
$mini: 363px;
|
$mini: 448px;
|
||||||
|
|
||||||
// Font family
|
// Font family
|
||||||
$family-geo: "Ocan", "Ubuntu", "Arial Narrow", "Helvetica", "Arial", "Lucida", sans-serif !default;
|
$family-geo: "Ocan", "Ubuntu", "Arial Narrow", "Helvetica", "Arial", "Lucida", sans-serif !default;
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
@forward "elements";
|
@forward "elements";
|
||||||
@forward "../../node_modules/bulma/sass/form/_index";
|
@forward "../../node_modules/bulma/sass/form/_index";
|
||||||
@forward "form";
|
@forward "form";
|
||||||
$navbar-breakpoint: calc($mini/2);
|
// $navbar-breakpoint: calc($mini/2);
|
||||||
@forward "../../node_modules/bulma/sass/components/_index";
|
@forward "../../node_modules/bulma/sass/components/_index";
|
||||||
@forward "components";
|
@forward "components";
|
||||||
@forward "../../node_modules/bulma/sass/grid/_index";
|
@forward "../../node_modules/bulma/sass/grid/_index";
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue