82 lines
No EOL
1.7 KiB
SCSS
82 lines
No EOL
1.7 KiB
SCSS
@charset "UTF-8";
|
|
// Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
|
|
|
|
@use "variables" as *;
|
|
@use "../../node_modules/bulma/sass/utilities/mixins" as *;
|
|
@use "../../node_modules/bulma/sass/utilities/initial-variables" as *;
|
|
|
|
// Center logo & sitename when they stack on tiny screens.
|
|
@include until($mini) {
|
|
.sitename.column,
|
|
.logo.column {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.search-bar > .block,
|
|
.logo > .image {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
// Allow the primary page content to be flush with the bottom of the slogan.
|
|
.main-section {
|
|
padding-top: 0;
|
|
.group-header {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
// On certain node pages, drop the title over (where we want) the image (to be).
|
|
.page--content-item--article,
|
|
.page--content-item--blog,
|
|
.page--content-item--collection,
|
|
.page--content-item--people
|
|
{
|
|
.page-title {
|
|
height: 0;
|
|
position: relative;
|
|
overflow: visible;
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
// Prevent a slight horizontal scroll.
|
|
|
|
/* On content listing pages (e.g. card view mode). */
|
|
.background-replacement-for-no-image {
|
|
height: 10rem;
|
|
}
|
|
/* On full content pages. */
|
|
.featured-image .background-replacement-for-no-image {
|
|
height: 12rem;
|
|
@include from($desktop) {
|
|
height: 14rem;
|
|
}
|
|
@include from($widescreen) {
|
|
height: 16rem;
|
|
}
|
|
}
|
|
|
|
/* Yes i know i should just give author bios their own class */
|
|
.node--type-people.node--view-mode-teaser {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
// Main navigation, goes to code in page.html.twig
|
|
details .burger-icon {
|
|
transition: transform 0.1s;
|
|
display: block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
padding: .25rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
details[open] .burger-icon {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
summary {
|
|
list-style-type: none;
|
|
} |