320 lines
6.8 KiB
SCSS
320 lines
6.8 KiB
SCSS
/* Fonts */
|
|
@import "fonts";
|
|
|
|
/* Load Bootstrap v5 and customizations */
|
|
@import "bs-load";
|
|
|
|
/*SVG ICON SYSTEM*/
|
|
@import "svg-icons";
|
|
|
|
/* Basic style additions */
|
|
@import "basic-additions";
|
|
|
|
/* Navbar toggler icon override */
|
|
@import "nav-burger";
|
|
|
|
/* Navbar & Main layout styling */
|
|
@import "layout-top-navbar-main";
|
|
|
|
/* Navbar & Main layout styling */
|
|
@import "rolling-mandala";
|
|
|
|
/* main */
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
@include media-breakpoint-down(md) {
|
|
padding-top: 1.25rem !important;
|
|
}
|
|
@include media-breakpoint-up(md) {
|
|
padding-top: 3rem !important;
|
|
}
|
|
&.front-page {
|
|
height: 100vh !important;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
/* links */
|
|
a {
|
|
&:hover, &:focus {
|
|
text-decoration-color: $gray-200 !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* post styling */
|
|
article.post.sticky,
|
|
.rpwwt-widget li.rpwwt-sticky {
|
|
border-radius: .25rem !important;
|
|
background-color: rgba(0, 0, 0, 0.50);
|
|
border-bottom: inherit !important;
|
|
margin-bottom: inherit !important;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding-bottom: 0.5rem !important;
|
|
&.mb-4-2 {
|
|
margin-bottom: 2rem !important;
|
|
}
|
|
header.post-header {
|
|
flex: 1 1 auto !important;
|
|
padding: 1rem 1rem 0 1rem !important;
|
|
}
|
|
div.post-body {
|
|
flex: 1 1 auto !important;
|
|
padding: 0 1rem 1rem 1rem !important;
|
|
&:last-child {
|
|
padding-bottom: 0 !important;
|
|
margin-bottom: .25rem !important;
|
|
}
|
|
}
|
|
}
|
|
header.post-header {
|
|
h1, h2, h1 a, h2 a {
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
.article.post-body {
|
|
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
|
|
padding-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.more-link-outer {
|
|
text-align: right !important;
|
|
margin-bottom: 0 !important;
|
|
.more-link {
|
|
text-decoration: none !important;
|
|
font-family: $font-family-handbrush;
|
|
}
|
|
}
|
|
|
|
|
|
/* blockquote handling */
|
|
blockquote,
|
|
blockquote.wp-block-quote {
|
|
background-color: tint-color($spaceblue-800, 5%) !important;
|
|
border-left-width: 5px !important;
|
|
border-left-style: solid !important;
|
|
border-left-color: tint-color($spaceblue-800, 15%) !important;
|
|
margin-right: 0 !important;
|
|
margin-top: 1.5rem !important;
|
|
margin-bottom: 1.5rem !important;
|
|
padding: .5rem 1rem !important;
|
|
font-size: 1.4rem;
|
|
p {
|
|
margin-top: 0;
|
|
&:last-of-type {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
}
|
|
&.is-style-large {
|
|
p {
|
|
font-size: 1.7rem;
|
|
}
|
|
cite {
|
|
font-size: 1.125rem;
|
|
}
|
|
}
|
|
cite {
|
|
margin-top: -1rem;
|
|
margin-bottom: 1rem;
|
|
color: $gray-300;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
font-size: 0.875rem;
|
|
font-style: normal;
|
|
&::before {
|
|
content: "— ";
|
|
}
|
|
}
|
|
&:last-child {
|
|
padding-bottom: .25rem !important;
|
|
}
|
|
}
|
|
figure.wp-block-pullquote {
|
|
margin: 2em !important;
|
|
padding: 3rem !important;
|
|
&:not(.is-style-solid-color) {
|
|
background-color: tint-color($spaceblue-800, 5%) !important;
|
|
border-top-width: 5px !important;
|
|
border-top-style: solid !important;
|
|
border-bottom-width: 5px !important;
|
|
border-bottom-style: solid !important;
|
|
border-top-color: tint-color($spaceblue-800, 15%) !important;
|
|
border-bottom-color: tint-color($spaceblue-800, 15%) !important;
|
|
& blockquote {
|
|
background-color: none !important;
|
|
border: none !important;
|
|
}
|
|
}
|
|
& blockquote {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
background-color: inherit !important;
|
|
border: inherit !important;
|
|
}
|
|
}
|
|
|
|
/* other wp styling */
|
|
img,
|
|
figure.wp-caption {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.btn-primary {
|
|
color: $dark;
|
|
box-shadow: inherit !important;
|
|
}
|
|
.has-drop-cap:not(:focus)::first-letter {
|
|
font-size: 5em;
|
|
margin: 0.05em 0.05em 0 0;
|
|
}
|
|
.wp-block-button {
|
|
margin-bottom: .5rem !important;
|
|
}
|
|
.wp-block-button__link,
|
|
.wp-block-search .wp-block-search__button {
|
|
@extend .btn;
|
|
@extend .btn-primary;
|
|
}
|
|
.is-style-outline > .wp-block-button__link {
|
|
@extend .btn;
|
|
@extend .btn-outline-primary;
|
|
}
|
|
.wp-caption-text {
|
|
color: $text-muted !important;
|
|
}
|
|
.alignleft {
|
|
text-align: left !important;
|
|
}
|
|
.aligncenter {
|
|
text-align: center !important;
|
|
}
|
|
.alignright {
|
|
text-align: right !important;
|
|
}
|
|
|
|
/* tables */
|
|
.wp-block-table table,
|
|
.wp-block-calendar {
|
|
@extend .table;
|
|
@extend .table-dark;
|
|
caption {
|
|
color: $text-muted !important;
|
|
}
|
|
}
|
|
.wp-block-table.is-style-stripes {
|
|
border-bottom: none;
|
|
table {
|
|
@extend .table-striped;
|
|
}
|
|
}
|
|
.wp-block-calendar table tbody { color: $text-muted !important; }
|
|
.wp-block-calendar table th { background-color: tint-color($dark, 5%) !important; }
|
|
.wp-block-calendar th, .wp-block-calendar tbody td {
|
|
border: 1px solid $spaceblue-600 !important;
|
|
}
|
|
.wp-block-calendar > .wp-calendar-nav > span > a {
|
|
background-color: inherit !important;
|
|
}
|
|
|
|
/* post page pagination */
|
|
.post-page-numbers {
|
|
text-decoration: none !important;
|
|
@extend .page-item;
|
|
&.current {
|
|
@extend .page-item, .active;
|
|
}
|
|
}
|
|
|
|
|
|
/* forms and search */
|
|
label,
|
|
div.wpforms-container-full .wpforms-form .wpforms-field-label {
|
|
@extend .form-label;
|
|
}
|
|
div.wpforms-container-full .wpforms-form .wpforms-required-label {
|
|
color: $red !important;
|
|
}
|
|
input, textarea,
|
|
div.wpforms-container-full .wpforms-form input[type="text"],
|
|
div.wpforms-container-full .wpforms-form input[type="email"],
|
|
div.wpforms-container-full .wpforms-form textarea {
|
|
@extend .form-control;
|
|
}
|
|
.wpforms-submit-container {
|
|
text-align: right;
|
|
}
|
|
div.wpforms-container-full .wpforms-form button[type="submit"] {
|
|
@extend .btn;
|
|
@extend .btn-primary;
|
|
font-family: $font-family-handbrush;
|
|
}
|
|
div.wpforms-container-full div.wpforms-confirmation-container-full {
|
|
@extend .alert;
|
|
@extend .alert-success;
|
|
}
|
|
select {
|
|
@extend .form-select;
|
|
}
|
|
.wp-block-search .wp-block-search__input {
|
|
border-color: $input-border-color !important;
|
|
}
|
|
.wp-block-calendar,
|
|
.wp-block-categories-dropdown {
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
/* Meetings plugin styling changes */
|
|
@import "meetings-plugin";
|
|
|
|
|
|
/* Front page layout */
|
|
main#fp-main > div.fp-grid {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr;
|
|
grid-column-gap: 2rem;
|
|
grid-row-gap: 2rem;
|
|
@include media-breakpoint-up(md) {
|
|
grid-template-columns: auto 20rem;
|
|
}
|
|
h2.widgettitle {
|
|
font-size: 1.75rem;
|
|
font-weight: 300 !important;
|
|
color: $text-muted;
|
|
margin-bottom: 0.5rem;
|
|
@include media-breakpoint-up(sm) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
.rpwwt-widget {
|
|
li.rpwwt-sticky {
|
|
padding: 0.75rem !important;
|
|
}
|
|
.rpwwt-post-title {
|
|
font-size: 1.4rem;
|
|
}
|
|
.rpwwt-post-date {
|
|
color: $text-muted;
|
|
font-size: smaller;
|
|
}
|
|
}
|
|
.tsml-widget-upcoming.widget_tsml_widget_upcoming.widget p {
|
|
text-align: right;
|
|
a {
|
|
@extend .btn;
|
|
@extend .btn-primary;
|
|
font-family: $font-family-handbrush;
|
|
}
|
|
}
|
|
}
|