60 lines
1.3 KiB
SCSS
60 lines
1.3 KiB
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;
|
|
}
|
|
}
|
|
|
|
/* 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%;
|
|
}
|
|
}
|
|
|
|
/* Hero image in hero block */
|
|
.has-background-image.hero {
|
|
width: 100vw;
|
|
position: relative;
|
|
left: 50%;
|
|
right: 50%;
|
|
margin-left: -50vw;
|
|
margin-right: -50vw;
|
|
}
|
|
|
|
/* Slim down section vertical padding a bit.*/
|
|
.section {
|
|
padding: 0.5rem 1.5rem 1.5rem;
|
|
}
|
|
|
|
/* Give titles, from which we removed the Hero classes, the same padding as sections. */
|
|
.block-page-title-block {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
|
|
/**
|
|
* Give enough of a background around text in the footer that it is legible on
|
|
* any part of the grassy field image used as the background.
|
|
*/
|
|
.footer .views-field {
|
|
background-color: rgba($green-gray, 0.4);
|
|
}
|