geo-coop/web/themes/custom/geofresco/src/global/_components.scss
2019-08-08 21:23:37 -04:00

46 lines
994 B
SCSS

@charset "UTF-8";
// Extend or override Bulma's components,
// ../../node_modules/bulma/sass/components
// Make menu items slightly less far apart so we never entirely lose
// 'Community' on mid-size screens.
// See https://gitlab.com/drutopia/octavia/issues/52
.navbar-item, .navbar-link {
padding-left: .75rem;
padding-right: .75rem;
@include from($widescreen) {
padding-left: 1rem;
padding-right: 1rem;
}
}
// Move the user account menu to the left of the hamburger menu on mobile
@include mobile {
#block-geofresco-account-menu .menubar {
position: absolute;
right: 3.25rem;
z-index: 40;
top: 2.5rem;
}
}
// OK somehow now we need to give the navbar a z-index, any z-index at all,
// or else the slogan is hidden.
.navbar {
z-index: 0;
}
// Featured images on article pages
.featured-image figure.image {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
img {
width: 100%;
}
}