Brompton: Add auto-loading-homepage tag for wpcom showcase

This commit is contained in:
Allan Cole 2019-10-03 13:24:43 -04:00
parent cfbe30b368
commit 9de0736e5c
4 changed files with 499 additions and 89 deletions

View file

@ -5,12 +5,12 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Running a business is no small task. But with the right tools and support, creating a website doesnt have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
Requires at least: WordPress 4.9.6
Version: 1.1.1
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -330,6 +330,7 @@ object {
background-color: #252E36;
color: #E8E4DD;
min-height: 576px;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
}
@ -341,7 +342,7 @@ object {
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image .block-editor-block-list__block {
color: #E8E4DD;
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container a,
@ -355,6 +356,17 @@ object {
color: currentColor;
}
.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover:not([class*='background-color']) .block-editor-block-list__block,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
color: #E8E4DD;
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 2.48832em;
@ -427,10 +439,38 @@ object {
line-height: 1.125;
}
/* Center image block by default in the editor */
.wp-block-image > div {
text-align: center;
}
[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
margin: 0 auto;
}
.wp-block-gallery figcaption {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-group.has-background {
padding: 32px;
}
}
.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
margin: 0;
width: 100%;
}
.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-posts {
padding-left: 0;
}
@ -474,6 +514,17 @@ object {
margin: 0;
}
.block-library-list ul,
.block-library-list ol {
margin: 32px 0;
padding-left: 32px;
}
.block-library-list li > ul,
.block-library-list li > ol {
margin: 0;
}
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 16px;
padding-left: 16px;
@ -486,7 +537,7 @@ object {
}
}
.wp-block-media-text .block-editor-inner-blocks[style*="background-color"]:not(.has-background-background-color) a {
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
color: currentColor;
}
@ -588,7 +639,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
border: none;
padding: 0 16px;
padding: 0;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
@ -598,6 +649,26 @@ p.has-background:not(.has-background-background-color) a {
line-height: 1.125;
}
.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
border-color: currentColor;
}
.wp-block-quote .wp-block-quote__citation {
color: #666666;
font-size: 0.83333em;
letter-spacing: normal;
}
.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
color: currentColor;
}
.wp-block-separator,
hr {
border-bottom: 2px solid #B9B6B2;
@ -625,6 +696,20 @@ hr.is-style-dots:before {
color: #B9B6B2;
}
.has-background:not(.has-background-background-color) .wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
hr,
[class*="background-color"]:not(.has-background-background-color)
hr,
[style*="background-color"]:not(.has-background-background-color)
hr,
.wp-block-cover[style*="background-image"]
hr {
border-color: currentColor;
}
table th,
.wp-block-table th {
font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@ -683,8 +768,7 @@ table th,
}
.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 {
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
@ -767,6 +851,18 @@ table th,
/**
* Spacing Overrides
*/
[data-block] {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
[data-block] {
margin-top: 32px;
margin-bottom: 32px;
}
}
/*
* Margins
*/

View file

@ -6,12 +6,12 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Running a business is no small task. But with the right tools and support, creating a website doesnt have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
Requires at least: WordPress 4.9.6
Version: 1.1.1
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -1075,7 +1075,7 @@ button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all {
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #E8E4DD;
cursor: pointer;
@ -1092,11 +1092,11 @@ button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, button:after,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after {
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
@ -1107,7 +1107,7 @@ button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before {
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
@ -1115,7 +1115,7 @@ button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after {
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
@ -1123,15 +1123,15 @@ button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #E8E4DD;
background-color: #C04239;
}
@ -1217,11 +1217,20 @@ input.has-focus[type="submit"],
padding-left: 16px;
}
.wp-block-columns.alignfull:not(:first-child) {
margin-top: 32px;
}
.wp-block-columns.alignfull:not(:last-child) {
margin-bottom: 32px;
}
.wp-block-cover,
.wp-block-cover-image {
background-color: #252E36;
min-height: 576px;
margin: inherit;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
/**
* Block Options
@ -1234,7 +1243,7 @@ input.has-focus[type="submit"],
.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: #E8E4DD;
color: currentColor;
margin-top: 32px;
margin-bottom: 32px;
}
@ -1248,6 +1257,15 @@ input.has-focus[type="submit"],
color: currentColor;
}
.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text {
color: #E8E4DD;
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 2.48832rem;
@ -1446,6 +1464,10 @@ h6, .h6 {
line-height: 1.125;
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: #666666;
font-size: 0.69444rem;
@ -1469,11 +1491,10 @@ img {
height: auto;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.wp-block-latest-comments {
margin-right: 0;
padding-right: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
@ -1508,7 +1529,7 @@ img {
}
.wp-block-latest-posts {
margin-right: 0;
padding-right: 0;
}
.wp-block-latest-posts > li {
@ -1611,9 +1632,8 @@ img {
ul,
ol {
font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
list-style-position: inside;
margin: 0 16px 0 0;
padding: 0;
margin: 0;
padding-right: 32px;
}
ul {
@ -1630,7 +1650,8 @@ dt {
}
dd {
margin: 0 16px 0 0;
margin: 0;
padding-right: 32px;
}
.wp-block-media-text {
@ -1829,7 +1850,7 @@ p.has-background {
.wp-block-quote {
border-right-color: #C04239;
margin: 32px 0;
padding: 0 16px;
padding-right: 16px;
/**
* Block Options
*/
@ -1863,8 +1884,23 @@ p.has-background {
letter-spacing: normal;
}
.has-background .wp-block-quote .wp-block-quote__citation, .has-background
.wp-block-quote cite, .has-background
.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
.wp-block-quote cite,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote cite,
[style*="background-color"]
.wp-block-quote cite,
.wp-block-cover[style*="background-image"]
.wp-block-quote cite, .has-background:not(.has-background-background-color)
.wp-block-quote footer,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote footer,
[style*="background-color"]
.wp-block-quote footer,
.wp-block-cover[style*="background-image"]
.wp-block-quote footer {
color: currentColor;
}
@ -1877,6 +1913,7 @@ p.has-background {
/* Resetting margins to match _block-container.scss */
margin-top: 32px;
margin-bottom: 32px;
padding: 0;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
@ -1895,6 +1932,13 @@ p.has-background {
letter-spacing: normal;
}
.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"] .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
border-color: currentColor;
}
hr {
border-bottom: 2px solid #B9B6B2;
clear: both;
@ -1920,6 +1964,13 @@ hr.wp-block-separator.is-style-dots:before {
padding-right: 0.83333rem;
}
.has-background:not(.has-background-background-color) hr.wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
[style*="background-color"] hr.wp-block-separator,
.wp-block-cover[style*="background-image"] hr.wp-block-separator {
border-color: currentColor;
}
.wp-block-jetpack-slideshow ul {
margin-right: 0;
margin-left: 0;
@ -2075,8 +2126,7 @@ table th,
}
.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 {
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
@ -2370,10 +2420,15 @@ table th,
list-style: none;
margin: 0;
max-width: none;
padding-right: 0;
position: relative;
/* Sub-menus Flyout */
}
.main-navigation > div > ul ul {
padding-right: 0;
}
.main-navigation > div > ul li {
display: block;
position: relative;
@ -2529,6 +2584,7 @@ table th,
display: flex;
list-style: none;
margin: 0;
padding-right: 0;
}
.social-navigation > div > ul > li:first-of-type > a {
@ -2723,7 +2779,7 @@ table th,
}
.entry-content .more-link {
display: inline;
display: block;
color: inherit;
}
@ -2748,6 +2804,10 @@ table th,
}
}
.entry-attachment {
text-align: center;
}
/**
* Post Thumbnails
*/
@ -2876,7 +2936,7 @@ table th,
*/
.comment-list {
border-bottom: 1px solid #B9B6B2;
margin-right: 0;
padding-right: 0;
list-style: none;
}
@ -2888,7 +2948,7 @@ table th,
.children {
list-style: none;
margin-right: 16px;
padding-right: 16px;
}
.children > li {
@ -2899,7 +2959,7 @@ table th,
@media only screen and (min-width: 560px) {
.children {
margin-right: calc(2 * 16px);
padding-right: 32px;
}
}
@ -3140,7 +3200,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: 100%;
margin-right: auto;
@ -3151,7 +3211,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 560px - 32px);
}
@ -3161,7 +3221,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 640px - 32px);
}
@ -3171,7 +3231,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
@ -3181,7 +3241,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
@ -3191,37 +3251,34 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
}
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 100%;
/* Matches normal width until desktop breakpoint */
}
@media only screen and (min-width: 560px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 560px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 560px - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 640px - 32px);
}
}
@media only screen and (min-width: 782px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 782px - 32px);
}
}
@ -3397,6 +3454,106 @@ img#wpstats {
margin-bottom: 0;
}
/**
* Cookies & Consents Banner
*/
body .widget_eu_cookie_law_widget {
background: transparent;
bottom: 0;
right: 0;
padding: 8px;
left: 0;
}
body .widget_eu_cookie_law_widget.widget.top {
bottom: auto;
top: 0;
}
body .widget_eu_cookie_law_widget #eu-cookie-law {
background: #E8E4DD;
border: 1px solid #B9B6B2;
color: #252E36;
font-size: 0.83333rem;
line-height: inherit;
padding: 16px;
}
@media (max-width: 600px) {
body .widget_eu_cookie_law_widget #eu-cookie-law {
padding-bottom: 80px;
}
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
background: #252E36;
border-color: #474747;
color: #E8E4DD;
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
background: #E8E4DD;
color: #252E36;
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus {
background: #B9B6B2;
}
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
margin: 0;
margin-right: 32px;
}
@media (max-width: 600px) {
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
bottom: 16px;
right: 16px;
margin: 0;
}
}
body.admin-bar .widget_eu_cookie_law_widget.widget.top {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .widget_eu_cookie_law_widget.widget.top {
top: 46px;
}
}
/**
* Mailchimp Subscription Form
*/
.wp-block-jetpack-mailchimp p {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-jetpack-mailchimp p {
margin-top: 32px;
margin-bottom: 32px;
}
}
.wp-block-jetpack-mailchimp p:first-child {
margin-top: 0;
}
.wp-block-jetpack-mailchimp p:last-child {
margin-bottom: 0;
}
.wp-block-jetpack-mailchimp input[type=email] {
width: 100%;
}
#wp-block-jetpack-mailchimp_consent-text {
font-size: 0.83333rem;
}
/**
* Child Theme Extra Styles
*/

View file

@ -6,12 +6,12 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Running a business is no small task. But with the right tools and support, creating a website doesnt have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
Requires at least: WordPress 4.9.6
Version: 1.1.1
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -1075,7 +1075,7 @@ button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all {
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #E8E4DD;
cursor: pointer;
@ -1092,11 +1092,11 @@ button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, button:after,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after {
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
@ -1107,7 +1107,7 @@ button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before {
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
@ -1115,7 +1115,7 @@ button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after {
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
@ -1123,15 +1123,15 @@ button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #E8E4DD;
background-color: #C04239;
}
@ -1217,11 +1217,20 @@ input.has-focus[type="submit"],
padding-right: 16px;
}
.wp-block-columns.alignfull:not(:first-child) {
margin-top: 32px;
}
.wp-block-columns.alignfull:not(:last-child) {
margin-bottom: 32px;
}
.wp-block-cover,
.wp-block-cover-image {
background-color: #252E36;
min-height: 576px;
margin: inherit;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
/**
* Block Options
@ -1234,7 +1243,7 @@ input.has-focus[type="submit"],
.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: #E8E4DD;
color: currentColor;
margin-top: 32px;
margin-bottom: 32px;
}
@ -1248,6 +1257,15 @@ input.has-focus[type="submit"],
color: currentColor;
}
.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text {
color: #E8E4DD;
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 2.48832rem;
@ -1446,6 +1464,10 @@ h6, .h6 {
line-height: 1.125;
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: #666666;
font-size: 0.69444rem;
@ -1469,11 +1491,10 @@ img {
height: auto;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.wp-block-latest-comments {
margin-left: 0;
padding-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
@ -1508,7 +1529,7 @@ img {
}
.wp-block-latest-posts {
margin-left: 0;
padding-left: 0;
}
.wp-block-latest-posts > li {
@ -1611,9 +1632,8 @@ img {
ul,
ol {
font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
list-style-position: inside;
margin: 0 0 0 16px;
padding: 0;
margin: 0;
padding-left: 32px;
}
ul {
@ -1630,7 +1650,8 @@ dt {
}
dd {
margin: 0 0 0 16px;
margin: 0;
padding-left: 32px;
}
.wp-block-media-text {
@ -1829,7 +1850,7 @@ p.has-background {
.wp-block-quote {
border-left-color: #C04239;
margin: 32px 0;
padding: 0 16px;
padding-left: 16px;
/**
* Block Options
*/
@ -1863,8 +1884,23 @@ p.has-background {
letter-spacing: normal;
}
.has-background .wp-block-quote .wp-block-quote__citation, .has-background
.wp-block-quote cite, .has-background
.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
.wp-block-quote cite,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote cite,
[style*="background-color"]
.wp-block-quote cite,
.wp-block-cover[style*="background-image"]
.wp-block-quote cite, .has-background:not(.has-background-background-color)
.wp-block-quote footer,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote footer,
[style*="background-color"]
.wp-block-quote footer,
.wp-block-cover[style*="background-image"]
.wp-block-quote footer {
color: currentColor;
}
@ -1877,6 +1913,7 @@ p.has-background {
/* Resetting margins to match _block-container.scss */
margin-top: 32px;
margin-bottom: 32px;
padding: 0;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
@ -1895,6 +1932,13 @@ p.has-background {
letter-spacing: normal;
}
.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"] .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
border-color: currentColor;
}
hr {
border-bottom: 2px solid #B9B6B2;
clear: both;
@ -1920,6 +1964,13 @@ hr.wp-block-separator.is-style-dots:before {
padding-left: 0.83333rem;
}
.has-background:not(.has-background-background-color) hr.wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
[style*="background-color"] hr.wp-block-separator,
.wp-block-cover[style*="background-image"] hr.wp-block-separator {
border-color: currentColor;
}
.wp-block-jetpack-slideshow ul {
margin-left: 0;
margin-right: 0;
@ -2080,8 +2131,7 @@ table th,
}
.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 {
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
@ -2387,10 +2437,15 @@ table th,
list-style: none;
margin: 0;
max-width: none;
padding-left: 0;
position: relative;
/* Sub-menus Flyout */
}
.main-navigation > div > ul ul {
padding-left: 0;
}
.main-navigation > div > ul li {
display: block;
position: relative;
@ -2546,6 +2601,7 @@ table th,
display: flex;
list-style: none;
margin: 0;
padding-left: 0;
}
.social-navigation > div > ul > li:first-of-type > a {
@ -2740,7 +2796,7 @@ table th,
}
.entry-content .more-link {
display: inline;
display: block;
color: inherit;
}
@ -2765,6 +2821,10 @@ table th,
}
}
.entry-attachment {
text-align: center;
}
/**
* Post Thumbnails
*/
@ -2893,7 +2953,7 @@ table th,
*/
.comment-list {
border-bottom: 1px solid #B9B6B2;
margin-left: 0;
padding-left: 0;
list-style: none;
}
@ -2905,7 +2965,7 @@ table th,
.children {
list-style: none;
margin-left: 16px;
padding-left: 16px;
}
.children > li {
@ -2916,7 +2976,7 @@ table th,
@media only screen and (min-width: 560px) {
.children {
margin-left: calc(2 * 16px);
padding-left: 32px;
}
}
@ -3157,7 +3217,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: 100%;
margin-left: auto;
@ -3168,7 +3228,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 560px - 32px);
}
@ -3178,7 +3238,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 640px - 32px);
}
@ -3188,7 +3248,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
@ -3198,7 +3258,7 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
@ -3208,37 +3268,34 @@ img#wpstats {
.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
max-width: calc( 782px - 32px);
}
}
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 100%;
/* Matches normal width until desktop breakpoint */
}
@media only screen and (min-width: 560px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 560px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 560px - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 640px - 32px);
}
}
@media only screen and (min-width: 782px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100% - 32px);
max-width: calc( 782px - 32px);
}
}
@ -3426,6 +3483,106 @@ img#wpstats {
margin-bottom: 0;
}
/**
* Cookies & Consents Banner
*/
body .widget_eu_cookie_law_widget {
background: transparent;
bottom: 0;
left: 0;
padding: 8px;
right: 0;
}
body .widget_eu_cookie_law_widget.widget.top {
bottom: auto;
top: 0;
}
body .widget_eu_cookie_law_widget #eu-cookie-law {
background: #E8E4DD;
border: 1px solid #B9B6B2;
color: #252E36;
font-size: 0.83333rem;
line-height: inherit;
padding: 16px;
}
@media (max-width: 600px) {
body .widget_eu_cookie_law_widget #eu-cookie-law {
padding-bottom: 80px;
}
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
background: #252E36;
border-color: #474747;
color: #E8E4DD;
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
background: #E8E4DD;
color: #252E36;
}
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus {
background: #B9B6B2;
}
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
margin: 0;
margin-left: 32px;
}
@media (max-width: 600px) {
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
bottom: 16px;
left: 16px;
margin: 0;
}
}
body.admin-bar .widget_eu_cookie_law_widget.widget.top {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .widget_eu_cookie_law_widget.widget.top {
top: 46px;
}
}
/**
* Mailchimp Subscription Form
*/
.wp-block-jetpack-mailchimp p {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-jetpack-mailchimp p {
margin-top: 32px;
margin-bottom: 32px;
}
}
.wp-block-jetpack-mailchimp p:first-child {
margin-top: 0;
}
.wp-block-jetpack-mailchimp p:last-child {
margin-bottom: 0;
}
.wp-block-jetpack-mailchimp input[type=email] {
width: 100%;
}
#wp-block-jetpack-mailchimp_consent-text {
font-size: 0.83333rem;
}
/**
* Child Theme Extra Styles
*/