Barnsbury: Update with the latest Varia

This commit is contained in:
Danny Dudzic 2019-09-24 01:19:59 +02:00
parent 4ec47bfaf2
commit eba52c2ce2
5 changed files with 968 additions and 711 deletions

View file

@ -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")},
)
);
/**

View file

@ -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;
}
/*

View file

@ -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