D10 theme for Island Lives. This is a clone of drupals core theme Olivero. Notice this theme is named Olivera not Olivero :)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

57 lines
1.2 KiB

/**
* @file
* Base Layout.
*/
@import "../base/media-queries.pcss.css";
.container {
width: 100%;
max-width: var(--max-width);
padding-inline: var(--container-padding);
/* This fixes an issue where if the toolbar is open in vertical mode, and
* the mobile navigation is open, the "close" button gets pushed outside of
* the viewport. */
@nest body.is-fixed & {
width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}
}
.page-wrapper {
max-width: var(--max-bg-color);
background: var(--color--white);
}
/**
* Creates stacking context ensuring that child elements can never appear in
* front of mobile navigation.
*/
.layout-main-wrapper {
position: relative;
z-index: 2; /* Ensure dropdown is not cut off by footer. */
}
/* Contains the social sidebar, and the primary content area. */
.layout-main {
@media (--nav) {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
}
.main-content {
@media (--nav) {
width: calc(100% - var(--content-left));
margin-inline-end: auto;
}
}
.main-content__container {
padding-block-start: var(--sp3);
@media (--md) {
padding-block-start: var(--sp5);
}
}