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

Center logo & sitename when they stack on tiny screens

Browse source 
No really that's what that does.
This commit is contained in:
Benjamin Melançon 2019-08-19 10:50:56 -04:00
parent ebbc647f39
commit 00a13ef4b6
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,2 +1,15 @@
@charset "UTF-8"; @charset "UTF-8";
// Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout // Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
@include until($mini) {
.sitename.column,
.logo.column {
width: 100%;
}
}
.search-bar > .block,
.logo > .image {
display: inline-block;
}

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

@ -10,6 +10,8 @@ $green-gray: #8FB489;
// Update Bulma's global variables. // Update Bulma's global variables.
$primary: $green; $primary: $green;
$mini: 363px;
// Import each part of Bulma separately so we can layer in our styles. // 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. // Extend or override Bulam's base styles in this themes base.scss etc.
@import "../../node_modules/bulma/sass/utilities/_all"; @import "../../node_modules/bulma/sass/utilities/_all";