Barnsbury: Update with the latest Varia
This commit is contained in:
parent
4ec47bfaf2
commit
eba52c2ce2
5 changed files with 968 additions and 711 deletions
|
@ -189,6 +189,10 @@ $config-button: (
|
|||
*/
|
||||
$config-cover: (
|
||||
"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
|
||||
"color": (
|
||||
"foreground": #{map-deep-get($config-global, "color", "background", "light")},
|
||||
"background": #{map-deep-get($config-global, "color", "foreground", "dark")},
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
|
|
|
@ -24,16 +24,12 @@ a {
|
|||
margin-right: auto;
|
||||
position: relative;
|
||||
|
||||
@extend %responsive-width-wide;
|
||||
@extend %responsive-alignfull;
|
||||
|
||||
padding: $spacing_unit;
|
||||
|
||||
@include media(mobile) {
|
||||
padding: (0.5 * $spacing_vertical) 0;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
padding: $spacing_vertical 0;
|
||||
padding: $spacing_vertical;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
@ -107,17 +107,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Responsive breakpoints
|
||||
* - breakpoints values are defined in _config-global.scss
|
||||
*/
|
||||
/**
|
||||
* Align widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align wide widths
|
||||
* - Sets negative margin for .alignwide and .alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Align container widths
|
||||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||||
* - Sets .alignwide widths
|
||||
*/
|
||||
/**
|
||||
* Crop Text Boundry
|
||||
|
@ -335,7 +327,8 @@ object {
|
|||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
background-color: #3C2323;
|
||||
background-color: #0D1B24;
|
||||
color: #FDF9EC;
|
||||
min-height: calc( 15 * 32px);
|
||||
/* Treating H2 separately to account for legacy /core styles */
|
||||
}
|
||||
|
@ -343,18 +336,22 @@ object {
|
|||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover .block-editor-block-list__block,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text {
|
||||
color: #FFFDF6;
|
||||
.wp-block-cover-image .wp-block-cover-text,
|
||||
.wp-block-cover-image .block-editor-block-list__block {
|
||||
color: #FDF9EC;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container a,
|
||||
.wp-block-cover .wp-block-cover-image-text a,
|
||||
.wp-block-cover .wp-block-cover-text a,
|
||||
.wp-block-cover .block-editor-block-list__block a,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container a,
|
||||
.wp-block-cover-image .wp-block-cover-image-text a,
|
||||
.wp-block-cover-image .wp-block-cover-text a {
|
||||
.wp-block-cover-image .wp-block-cover-text a,
|
||||
.wp-block-cover-image .block-editor-block-list__block a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
|
@ -438,6 +435,45 @@ object {
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts > li > a {
|
||||
font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
|
||||
font-size: 1.64303rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li {
|
||||
/* Vertical margins logic */
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: #844d4d;
|
||||
font-size: 0.84746rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
||||
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
|
||||
font-size: 0.84746rem;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
|
@ -646,14 +682,20 @@ table th,
|
|||
color: #FFFDF6 !important;
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) a,
|
||||
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
|
||||
.has-background .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-primary-background-color[class] {
|
||||
background-color: #20603C !important;
|
||||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6,
|
||||
.has-primary-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
.has-primary-background-color[class] {
|
||||
background-color: #20603C !important;
|
||||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-secondary-background-color[class] {
|
||||
|
@ -661,71 +703,36 @@ table th,
|
|||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6,
|
||||
.has-secondary-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-foreground-background-color[class] {
|
||||
background-color: #3C2323 !important;
|
||||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6,
|
||||
.has-foreground-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color[class] {
|
||||
background-color: #844d4d !important;
|
||||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6,
|
||||
.has-foreground-light-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color[class] {
|
||||
background-color: #0D1B24 !important;
|
||||
color: #FFFDF6;
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6,
|
||||
.has-foreground-dark-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-background-light-background-color[class] {
|
||||
background-color: #FDF9EC !important;
|
||||
color: #3C2323;
|
||||
}
|
||||
|
||||
.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6,
|
||||
.has-background-light-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-background-dark-background-color[class] {
|
||||
background-color: #DDDDDD !important;
|
||||
color: #3C2323;
|
||||
}
|
||||
|
||||
.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6,
|
||||
.has-background-dark-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-background-background-color[class] {
|
||||
background-color: #FFFDF6 !important;
|
||||
color: #3C2323;
|
||||
}
|
||||
|
||||
.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6,
|
||||
.has-background-background-color[class] .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.is-small-text,
|
||||
.has-small-font-size {
|
||||
font-size: 0.84746em;
|
||||
|
@ -776,15 +783,18 @@ table th,
|
|||
}
|
||||
|
||||
.margin-right-none {
|
||||
margin-top: 0 !important;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.margin-right-half {
|
||||
margin-top: 16px !important;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
|
||||
.margin-right-default {
|
||||
margin-top: 32px !important;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 32px !important;
|
||||
}
|
||||
|
||||
.margin-bottom-none {
|
||||
|
@ -800,15 +810,18 @@ table th,
|
|||
}
|
||||
|
||||
.margin-left-none {
|
||||
margin-top: 0 !important;
|
||||
/*rtl:ignore*/
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.margin-left-half {
|
||||
margin-top: 16px !important;
|
||||
/*rtl:ignore*/
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
|
||||
.margin-left-default {
|
||||
margin-top: 32px !important;
|
||||
/*rtl:ignore*/
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -827,15 +840,18 @@ table th,
|
|||
}
|
||||
|
||||
.padding-right-none {
|
||||
padding-top: 0 !important;
|
||||
/*rtl:ignore*/
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.padding-right-half {
|
||||
padding-top: 16px !important;
|
||||
/*rtl:ignore*/
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
|
||||
.padding-right-default {
|
||||
padding-top: 32px !important;
|
||||
/*rtl:ignore*/
|
||||
padding-right: 32px !important;
|
||||
}
|
||||
|
||||
.padding-bottom-none {
|
||||
|
@ -851,13 +867,16 @@ table th,
|
|||
}
|
||||
|
||||
.padding-left-none {
|
||||
padding-top: 0 !important;
|
||||
/*rtl:ignore*/
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.padding-left-half {
|
||||
padding-top: 16px !important;
|
||||
/*rtl:ignore*/
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
|
||||
.padding-left-default {
|
||||
padding-top: 32px !important;
|
||||
/*rtl:ignore*/
|
||||
padding-left: 32px !important;
|
||||
}
|
||||
|
|
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue