beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
themes-wordpress/seedlet/style.css

4388 lines
121 KiB
CSS
Raw Normal View History

rebuild assets
2020-10-02 11:13:09 +00:00
/*
Theme Name: Seedlet
Theme URI: https://wordpress.com/theme/seedlet
Author: Automattic
Author URI: https://automattic.com/
Description: Seedlet is a free WordPress theme. A two-column layout and classically elegant typography creates a refined site that gives your works and images space to breathe - and shine. Seedlet was built to be the perfect partner to the block editor, and supports all the latest blocks. Writing, audio, illustrations, photography, video - use Seedlet to engage and direct visitors' eyes, without your theme getting in the way. And the responsive design shifts naturally between desktop and mobile devices. Seedlet is a great option for professionals and creatives looking for a sophisticated vibe. Whether you're looking to create a blog or a robust site promoting your business, do with simplicity, style, and Seedlet.
Bump required versions to be accurate.
2020-11-25 17:31:43 +00:00
Requires at least: 5.5
rebuild assets
2020-10-02 11:13:09 +00:00
Tested up to: 5.5
Requires PHP: 5.6.2
update version numbers for seedlet
2021-01-04 12:09:28 +00:00
Version: 1.1.5-wpcom
rebuild assets
2020-10-02 11:13:09 +00:00
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: seedlet
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, auto-loading-homepage, translation-ready, block-patterns, block-styles, wide-blocks
Seedlet WordPress Theme, (C) 2020 Automattic, Inc.
Seedlet is distributed under the terms of the GNU GPL.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
Seedlet is derived from Twenty Nineteen. 2018-2020 WordPress.org
Twenty Nineteen is distributed under the terms of the GNU GPL v2 or later.
update Seedlet version number
2020-10-16 11:28:48 +00:00
Seedlet is also based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
rebuild assets
2020-10-02 11:13:09 +00:00
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
update Seedlet version number
2020-10-16 11:28:48 +00:00
Unless otherwise noted, the icons in this theme are derived from the
rebuild assets
2020-10-02 11:13:09 +00:00
WordPress Icons Library, licensed under the terms of the GNU GPL v2 or later.
https://github.com/WordPress/gutenberg/tree/master/packages/icons
Seedlet bundles the following third-party resources:
Social Icons
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Source: WordPress Social Link Block (See wp-includes\blocks\social-link.php)
Code from Twenty Twenty
Copyright (C) 2020 WordPress.org
License: GPLv2
Source: https://wordpress.org/themes/twentytwenty/
Included as part of the following classes and functions:
- sanitize_select()
Color Contrast Validation
Copyright (C) 2016 Per Soderlind
update Seedlet version number
2020-10-16 11:28:48 +00:00
License: GNU General Public License v3
rebuild assets
2020-10-02 11:13:09 +00:00
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Source: https://github.com/soderlind/2016-customizer-demo
Included as part of the following classes and functions:
- on_customize_controls_enqueue_scripts()
Images from Smithsonian Institution
License: CC0
Source: https://www.si.edu/object/hymenoxys-odorata-dc:nmnhbotany_13045011
https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_10752403
https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_10672835
https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_13757252
https://www.si.edu/object/nephroma-sp:nmnhbotany_13875654
update Seedlet version number
2020-10-16 11:28:48 +00:00
Included in theme screenshot and in block patterns.
rebuild assets
2020-10-02 11:13:09 +00:00
*/
Separate the seedlet menu CSS into a different file
2020-10-07 15:37:04 +00:00
/**
* Required Variables
*/
rebuild assets
2020-10-02 11:13:09 +00:00
:root {
/* Font Family */
--global--font-primary: var(--font-headings, 'Playfair Display', Georgia, Times, serif);
--global--font-secondary: var(--font-base, 'Fira Sans', Helvetica, Arial, sans-serif);
--global--font-code: monospace, monospace;
--global--font-ui: var(--font-base, var(--global--font-secondary));
/* Font Size */
--global--font-size-root: 18px;
--global--font-size-ratio: 1.2;
--global--font-size-base: 1em;
--global--font-size-xs: 14px;
--global--font-size-sm: 16px;
--global--font-size-md: 18px;
--global--font-size-lg: 24px;
--global--font-size-xl: 28px;
--global--font-size-xxl: 32px;
--global--font-size-xxxl: 48px;
--global--letter-spacing: normal;
added font weight variable to seedlet
2020-10-26 15:42:15 +00:00
/* Font Weight */
--global--font-weight: normal;
rebuild assets
2020-10-02 11:13:09 +00:00
/* Line Height */
--global--line-height-base: 1;
--global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
/* Colors */
--global--color-primary: #000000;
--global--color-secondary: #3C8067;
--global--color-primary-hover: var( --global--color-secondary );
--global--color-secondary-hover: #336D58;
--global--color-black: black;
--global--color-white: white;
--global--color-foreground: #333333;
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
--global--color-foreground-low-contrast: #444444;
--global--color-foreground-high-contrast: #000000;
rebuild assets
2020-10-02 11:13:09 +00:00
--global--color-background: #FFFFFF;
--global--color-tertiary: #FAFBF6;
--global--color-background-dark: #DDDDDD;
--global--color-border: #EFEFEF;
--global--color-text-selection: #EBF2F0;
--global--color-alert-success: yellowgreen;
--global--color-alert-info: skyblue;
--global--color-alert-warning: gold;
--global--color-alert-error: salmon;
/* Spacing */
--global--spacing-unit: 20px;
--global--spacing-measure: unset;
--global--spacing-horizontal: 25px;
--global--spacing-vertical: 30px;
/* Elevation */
--global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
/* Other */
--global--border-radius-sm: 9px;
--global--border-radius-md: 13.5px;
--global--border-radius-lg: 18px;
--global--border-radius-pill: 180px;
--global--border-radius-none: 0;
--form--font-family: var(--global--font-secondary);
--form--font-size: var(--global--font-size-md);
--form--line-height: var(--global--line-height-body);
--form--color-text: var(--global--color-foreground);
--form--border-color: var(--global--color-border);
--form--border-width: 2px;
--form--border-radius: 0;
--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
moved input css styles to seedlet
2020-10-14 10:29:21 +00:00
--form--background-color: transparent;
--form--box-shadow: none;
rebuild assets
2020-10-02 11:13:09 +00:00
--button--color-text: var(--global--color-background);
--button--color-text-hover: var(--button--color-text);
--button--color-text-active: var(--button--color-text);
--button--color-background: var(--global--color-secondary);
--button--color-background-hover: var(--global--color-secondary-hover);
--button--color-background-active: var(--global--color-primary);
--button--font-family: var(--global--font-ui);
--button--font-size: var(--global--font-size-base);
--button--font-weight: normal;
--button--line-height: 1;
--button--border-width: 2px;
--button--border-radius: 4px;
--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
--button--padding-horizontal: var(--global--spacing-horizontal);
--cover--height: calc( 15 * var(--global--spacing-vertical) );
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
--cover--color-foreground: var(--global--color-foreground-high-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
--cover--color-background: var(--global--color-tertiary);
--heading--font-family: var(--global--font-primary);
--heading--line-height: 1.3;
--heading--font-size-h6: var(--global--font-size-base);
--heading--font-size-h5: var(--global--font-size-md);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: var(--global--font-size-xl);
--heading--font-size-h2: var(--global--font-size-xxl);
--heading--font-size-h1: var(--global--font-size-xxxl);
--heading--letter-spacing-h6: var(--global--letter-spacing);
--heading--letter-spacing-h5: var(--global--letter-spacing);
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: 1.3;
--heading--line-height-h5: 1.3;
--heading--line-height-h4: 1.3;
--heading--line-height-h3: var(--heading--line-height);
--heading--line-height-h2: var(--heading--line-height);
--heading--line-height-h1: var(--heading--line-height);
--heading--font-weight: normal;
--heading--font-weight-strong: 600;
--latest-posts--title-font-family: var(--heading--font-family);
--latest-posts--title-font-size: var(--heading--font-size-h3);
--latest-posts--description-font-family: var(--global--font-secondary);
--latest-posts--description-font-size: var(--global--font-size-sm);
--layout-grid--gutter-none: 0px;
--layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2);
--layout-grid--gutter-medium: var(--global--spacing-unit);
--layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2);
--layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3);
Seedlet: Clean up grid gutter size options and config variables.
2020-11-03 18:00:11 +00:00
--layout-grid--background-offset: var(--global--spacing-unit);
rebuild assets
2020-10-02 11:13:09 +00:00
--list--font-family: var(--global--font-secondary);
--definition-term--font-family: var(--global--font-primary);
--pullquote--font-family: var(--global--font-primary);
--pullquote--font-size: var(--heading--font-size-h2);
--pullquote--font-style: italic;
--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
--pullquote--line-height: var(--global--line-height-heading);
--pullquote--border-width: 0;
--pullquote--border-color: transparent;
--pullquote--color-foreground: var(--global--color-foreground);
--pullquote--color-background: var(--global--color-background);
--quote--border-color: var(--global--color-secondary);
--quote--border-width: 1px;
--quote--font-family: var(--global--font-secondary);
--quote--font-size: var(--global--font-size-md);
--quote--font-size-large: var(--global--font-size-lg);
--quote--font-style: normal;
--quote--font-style-large: normal;
--quote--line-height: var(--global--line-height-body);
--quote--line-height-large: 1.5;
--separator--border-color: var(--global--color-border);
--separator--height: 2px;
--separator--width: calc(6 * var(--global--spacing-horizontal));
--utilities--font-size-xs: var(--global--font-size-xs);
--utilities--font-size-sm: var(--global--font-size-sm);
--utilities--font-size-md: var(--global--font-size-md);
--utilities--font-size-lg: var(--global--font-size-lg);
--utilities--font-size-xl: var(--global--font-size-xl);
--utilities--font-size-xxl: var(--global--font-size-xxl);
--utilities--font-size-xxxl: var(--global--font-size-xxxl);
--branding--color-text: var(--global--color-foreground);
--branding--color-link: var(--global--color-primary);
--branding--color-link-hover: var(--global--color-primary-hover);
--branding--title--font-family: var(--global--font-primary);
--branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) );
--branding--title--font-size-mobile: var(--heading--font-size-h1);
--branding--title--font-weight: 700;
--branding--description--font-family: var(--global--font-secondary);
--branding--description--font-size: var(--global--font-size-sm);
--branding--description--font-family: var(--global--font-secondary);
--branding--logo--max-width: 120px;
--branding--logo--max-height: 120px;
--branding--logo--max-width-mobile: 96px;
--branding--logo--max-height-mobile: 96px;
--primary-nav--font-family: var(--global--font-secondary);
--primary-nav--font-family-mobile: var(--global--font-primary);
--primary-nav--font-size: var(--global--font-size-sm);
--primary-nav--font-size-mobile: var(--global--font-size-xxl);
--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg);
--primary-nav--font-style: normal;
--primary-nav--font-style-sub-menu-mobile: italic;
--primary-nav--font-weight: normal;
--primary-nav--line-height: var(--global--line-height-body);
Add a --primary-nav--color-border in Seedlet and set it to transparent in Spearhead.
2020-10-28 17:32:22 +00:00
--primary-nav--color-border: var(--global--color-secondary);
rebuild assets
2020-10-02 11:13:09 +00:00
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-foreground);
--primary-nav--padding: calc(0.66 * var(--global--spacing-unit) );
--primary-nav--justify-content: center;
--social-nav--color-link: var(--global--color-foreground);
--social-nav--color-link-hover: var(--global--color-primary-hover);
--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
rename the marketing bar variable to wpcom-marketing-bar
2020-10-21 10:42:50 +00:00
--wpcom-marketing-bar--height: 45px;
fixed marketing bar for seedlet
2020-10-19 10:14:11 +00:00
--wpadmin-bar--height: 46px;
rebuild assets
2020-10-02 11:13:09 +00:00
--entry-header--color: var(--global--color-primary);
--entry-header--color-link: currentColor;
--entry-header--color-hover: var(--global--color-primary-hover);
--entry-header--color-focus: var(--global--color-secondary);
--entry-header--font-family: var(--heading--font-family);
--entry-header--font-size: var(--heading--font-size-h2);
--entry-content--font-family: var(--heading--font-size-h2);
--entry-meta--color: var(--global--color-foreground);
--entry-meta--color-link: currentColor;
--entry-meta--color-hover: var(--global--color-primary-hover);
--entry-meta--font-family: var(--global--font-primary);
--entry-meta--font-size: var(--global--font-size-xs);
--entry-author-bio--font-family: var(--heading--font-family);
--entry-author-bio--font-size: var(--heading--font-size-h3);
--comments--border-color: var(--global--color-border);
--footer--color-text: var(--global--color-foreground);
--footer--color-link: var(--global--color-primary);
--footer--color-link-hover: var(--global--color-primary-hover);
--footer--font-family: var(--global--font-primary);
--footer--font-size: var(--global--font-size-sm);
--pagination--color-text: var(--global--color-foreground);
--pagination--color-link: var(--global--color-primary);
--pagination--color-link-hover: var(--global--color-primary-hover);
--pagination--font-family: var(--global--font-secondary);
--pagination--font-size: var(--global--font-size-sm);
--pagination--font-weight: normal;
--wc--wrapper-width: default;
--wc--table--border-color: var(--global--color-border);
--wc--table--border-radius: 0;
--wc--table--border-width: 1px;
--wc--table--padding: var(--global--spacing-unit);
--wc--tabs--border-color: var(--global--color-border);
--wc--tabs--border-radius: 10px;
--wc--tabs--border-width: 1px;
--wc--tabs--padding: var(--global--spacing-horizontal);
--wc--mini-cart--color-background: var(--global--color-background);
--wc--mini-cart--color-text: var(--global--color-foreground);
--wc--mini-cart--color-subtotal: var(--global--color-foreground);
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
--wc--mini-cart--color-border: var(--global--color-border);
--wc--mini-cart--button-text-color: var(--button--color-text);
--wc--mini-cart--button-background-color: var(--button--color-background);
--wc--mini-cart--width: calc(25 * var(--global--spacing-unit));
--wc--star-rating--color: var(--global--color-alert-warning);
}
/**
* Layout
* - Structral and responsive styles
*/
/**
* Repsonsive Styles
*/
/**
* Required Variables
*/
/**
* Root Media Query Variables
*/
:root {
rebuild assets
2020-10-02 19:33:34 +00:00
--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
copy alignment simplifcation from TT1
2020-10-02 08:33:43 +00:00
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
rebuild assets
2020-10-02 11:13:09 +00:00
--responsive--alignfull-width: 100%;
--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
renamed css variable and simplified them
2020-10-06 07:53:41 +00:00
--responsive--alignrightleft-width: var(--global--spacing-horizontal);
rebuild assets
2020-10-02 11:13:09 +00:00
}
@media only screen and (min-width: 482px) {
:root {
changed variables for align left/right margin and width
2020-10-07 16:52:23 +00:00
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
rebuild assets
2020-10-02 11:13:09 +00:00
}
}
@media only screen and (min-width: 652px) {
:root {
rebuild assets
2020-10-02 22:15:35 +00:00
--responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 620px);
--responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 790px);
rebuild assets
2020-10-02 11:13:09 +00:00
}
}
/**
* Extends
*/
set the headers back to the default max width
2020-10-02 19:44:45 +00:00
.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
Ensure children of template parts are properly sized.
2020-11-05 14:22:24 +00:00
*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
.wp-block-template-part > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
rebuild assets
2020-10-02 11:13:09 +00:00
max-width: var(--responsive--aligndefault-width);
margin-left: auto;
margin-right: auto;
}
rebuild assets
2020-10-02 19:33:34 +00:00
.wide-max-width, .alignwide {
rebuild assets
2020-10-02 11:13:09 +00:00
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.full-max-width, .alignfull, .singular .post-thumbnail {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide {
margin-left: auto;
margin-right: auto;
width: var(--responsive--alignwide-width);
max-width: var(--responsive--alignfull-width);
}
/**
* Output
*/
/**
* Site Structure
*
* - Set vertical margins and responsive widths on
* top-level wrappers and content wrappers
* - `--global--width-content` is a responsive veriable
* - See: globals/_global-width-responsive.scss
*/
/**
* Top Level Wrappers (header, main, footer)
* - Set vertical padding and horizontal margins
*/
.site-header,
.site-main,
.site-footer {
copy alignment simplifcation from TT1
2020-10-02 08:33:43 +00:00
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
rebuild assets
2020-10-02 11:13:09 +00:00
margin-left: auto;
margin-right: auto;
}
.site-header {
padding-top: calc(3 * var(--global--spacing-vertical));
padding-bottom: calc(3 * var(--global--spacing-vertical));
}
.has-main-navigation .site-header {
padding-top: calc(4 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-header {
padding-top: calc(3 * var(--global--spacing-vertical));
padding-bottom: calc(3 * var(--global--spacing-vertical));
}
.has-main-navigation .site-header {
padding-top: calc(3 * var(--global--spacing-vertical));
}
}
/**
* Site-main children wrappers
* - Add double vertical margins here for clearer heirarchy
*/
.site-main > * {
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.site-main > *:first-child {
margin-top: 0;
}
.site-main > *:last-child {
margin-bottom: 0;
}
/**
* Set the default maximum responsive content-width
*/
/**
* Set the wide maximum responsive content-width
*/
/**
* Set the full maximum responsive content-width
*/
/*
* Block & non-gutenberg content wrappers
* - Set margins
*/
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author,
rebuild assets
2020-10-02 11:13:09 +00:00
.widget-area {
margin-top: var(--global--spacing-vertical);
margin-right: auto;
margin-bottom: var(--global--spacing-vertical);
margin-left: auto;
}
/*
* Block & non-gutenberg content wrapper children
* - Sets spacing-vertical margin logic
*/
.site-footer > *,
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*="inner-container"] > *,
.wp-block-template-part > *,
.widget-area > *,
.widget-column > * {
margin-top: calc( 0.666 * var(--global--spacing-vertical));
margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-footer > *,
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*="inner-container"] > *,
.wp-block-template-part > *,
.widget-area > *,
.widget-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.site-footer > *:first-child,
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*="inner-container"] > *:first-child,
.wp-block-template-part > *:first-child,
.widget-area > *:first-child,
.widget-column > *:first-child {
margin-top: 0;
}
.site-footer > *:last-child,
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*="inner-container"] > *:last-child,
.wp-block-template-part > *:last-child,
.widget-area > *:last-child,
.widget-column > *:last-child {
margin-bottom: 0;
}
/*
* Block & non-gutenberg content wrapper children
* - Sets spacing-unit margins
*/
.site-header > *,
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author > *,
rebuild assets
2020-10-02 11:13:09 +00:00
.widget > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.site-header > *:first-child,
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author > *:first-child,
rebuild assets
2020-10-02 11:13:09 +00:00
.widget > *:first-child {
margin-top: 0;
}
.site-header > *:last-child,
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author > *:last-child,
rebuild assets
2020-10-02 11:13:09 +00:00
.widget > *:last-child {
margin-bottom: 0;
}
/*
* .entry-content children specific controls
* - Adds special margin overrides for alignment utility classes
*/
.entry-content > * {
/* Reset alignleft and alignright margins after alignfull */
}
.entry-content > *.alignleft, .entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull {
margin-top: 0;
}
.entry-content > *:last-child, .entry-content > *.alignfull {
margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
margin-top: var(--global--spacing-vertical);
}
rebuild CSS
2020-10-05 10:30:41 +00:00
body {
display: none;
/* Legacy */
display: var(--skip, block);
}
Separate the seedlet menu CSS into a different file
2020-10-07 15:37:04 +00:00
/**
* Required Variables
*/
rebuild assets
2020-10-02 11:13:09 +00:00
/**
* Base
* - Reset the browser
*/
button,
.button,
input[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
rebuild assets
2020-10-02 11:13:09 +00:00
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
button:before,
.button:before,
input[type="submit"]:before,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
rebuild assets
2020-10-02 11:13:09 +00:00
.button:after,
input[type="submit"]:after,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
rebuild assets
2020-10-02 11:13:09 +00:00
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
rebuild assets
2020-10-02 11:13:09 +00:00
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
rebuild assets
2020-10-02 11:13:09 +00:00
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
button:hover,
.button:hover,
input:hover[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
rebuild assets
2020-10-02 11:13:09 +00:00
.button:focus,
input:focus[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
rebuild assets
2020-10-02 11:13:09 +00:00
.has-focus.button,
input.has-focus[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
overflow: scroll;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
b,
strong {
font-weight: bold;
}
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
button,
input {
/* 1 */
overflow: visible;
}
button,
select {
/* 1 */
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
/**
* Reset specific elements to make them easier to style in other contexts.
*/
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/**
* Apply generic border-box to all elements.
* See:
* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*/
/**
* Apply border-box across the entire page.
*/
html {
box-sizing: border-box;
}
/**
* Relax the definition a bit, to allow components to override it manually.
*/
*, *::before, *::after {
box-sizing: inherit;
}
html {
font-size: calc(var(--global--font-size-root) / var(--global--font-size-ratio));
/* 15px; */
font-family: var(--global--font-secondary);
line-height: var(--global--line-height-body);
}
@media only screen and (min-width: 482px) {
html {
font-size: var(--global--font-size-root);
}
}
body {
font-size: var(--global--font-size-base);
/* 1em; */
added font weight variable to seedlet
2020-10-26 15:42:15 +00:00
font-weight: var(--global--font-weight);
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--global--color-foreground);
text-align: left;
background-color: var(--global--color-background);
}
a {
border-bottom: 1px solid var(--global--color-secondary);
color: var(--wp--style--color--link, var(--global--color-primary));
text-decoration: none;
transition: border-color 0.1s ease-out;
}
a:hover, a:focus {
border-bottom-color: transparent;
}
a:hover {
color: var(--global--color-primary-hover);
}
a:focus {
color: var(--global--color-secondary);
}
a:active {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.has-link-color a {
border-bottom: 1px solid var(--wp--style--color--link, var(--global--color-primary));
}
remove duplicate editor code
2020-10-02 13:06:30 +00:00
.has-link-color a:hover, .has-link-color a:focus {
border-bottom-color: transparent;
}
rebuild assets
2020-10-02 11:13:09 +00:00
.has-background:not(.has-background-background-color) .has-link-color a,
.has-background:not(.has-background-background-color).has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
remove duplicate editor code
2020-10-02 13:06:30 +00:00
button,
a {
cursor: pointer;
}
rebuild assets
2020-10-02 11:13:09 +00:00
.site *:focus {
outline-width: 1px;
outline-style: dotted;
outline-color: var(--global--color-secondary);
}
.screen-reader-text {
changed accesibility class to mixin
2020-10-14 14:10:54 +00:00
/* Text meant only for screen readers. */
rebuild assets
2020-10-02 11:13:09 +00:00
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: var(--global--color-background);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: var(--global--color-foreground);
display: block;
font-size: var(--global--font-size-md);
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
header *,
main *,
footer * {
max-width: var(--global--spacing-measure);
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
max-width: none;
}
::selection {
background-color: var(--global--color-text-selection);
}
::-moz-selection {
background-color: var(--global--color-text-selection);
}
/**
* Elements
* - Styles for basic HTML elemants
*/
blockquote {
margin: 0;
padding: 0;
}
blockquote p {
font-size: var(--heading--font-size-h4);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height);
}
blockquote cite,
blockquote footer {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote.alignleft, blockquote.alignright {
padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
font-size: var(--heading--font-size-h5);
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
moved input css styles to seedlet
2020-10-14 10:29:21 +00:00
background: var(--form--background-color);
box-shadow: var(--form--box-shadow);
rebuild assets
2020-10-02 11:13:09 +00:00
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: var(--form--color-text);
border-color: var(--form--border-color);
}
select {
border: var(--form--border-width) solid var(--form--border-color);
}
textarea {
width: 100%;
}
input[type=checkbox] + label {
display: inline;
margin-left: 0.5em;
line-height: 1em;
}
/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.alignleft figcaption,
.alignright figcaption, .alignleft
.wp-caption,
.alignright
.wp-caption, .alignleft
.wp-caption-text,
.alignright
.wp-caption-text {
margin-bottom: 0;
}
/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
.wp-block-audio {
min-width: inherit;
}
.wp-block-audio.alignleft, .wp-block-audio.alignright {
min-width: 300px;
}
/**
* Button
*/
/**
* Block Options
*/
.wp-block-button {
font-family: var(--button--font-family);
font-size: var(--button--font-size);
font-weight: var(--button--font-weight);
line-height: var(--button--line-height);
}
.wp-block-button.is-style-outline {
border: none;
}
.wp-block-button.is-style-outline.wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--button--color-background);
background: transparent;
border: var(--button--border-width) solid currentcolor;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-button.is-style-outline.wp-block-button__link:active,
.wp-block-button.is-style-outline .wp-block-button__link:active {
color: var(--button--color-background);
}
.wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: var(--button--color-background-hover);
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
Add dark mode to spearhead
2020-10-05 09:54:13 +00:00
/**
* Calendar
*/
.wp-block-calendar table th {
background-color: var(--global--color-foreground);
color: var(--global--color-background);
}
.wp-block-calendar table tbody, .wp-block-calendar table caption {
color: var(--global--color-foreground);
}
rebuild assets
2020-10-02 11:13:09 +00:00
.wp-block-code {
use foreground color not foreground light
2020-10-16 15:21:13 +00:00
color: var(--global--color-foreground);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-sm);
padding: var(--global--spacing-unit);
border-color: var(--global--color-border);
}
.wp-block-code pre {
color: var(--global--color-foreground);
}
.wp-block-columns {
/**
* Block Options
*/
}
.wp-block-columns .wp-block-column > * {
margin-top: calc(0.66 * var(--global--spacing-vertical));
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
}
@media only screen and (min-width: 652px) {
.wp-block-columns .wp-block-column:not(:last-child) {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
}
.wp-block-columns.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.wp-block-cover,
.wp-block-cover-image {
background-color: var(--cover--color-foreground);
min-height: var(--cover--height);
margin-top: inherit;
margin-bottom: inherit;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
}
.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-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover .wp-block-cover__inner-container a:not(.has-text-color),
.wp-block-cover .wp-block-cover-image-text a:not(.has-text-color),
.wp-block-cover .wp-block-cover-text a:not(.has-text-color),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.has-text-color),
.wp-block-cover-image .wp-block-cover-image-text a:not(.has-text-color),
.wp-block-cover-image .wp-block-cover-text a:not(.has-text-color) {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.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: var(--cover--color-background);
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height);
max-width: inherit;
text-align: inherit;
padding: 0;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - calc( 2 * var(--global--spacing-vertical)));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: calc( 0.666 * var(--global--spacing-vertical));
margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignleft, .wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
margin-top: 0;
}
.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(2 * var(--global--spacing-vertical));
padding-left: var(--global--spacing-horizontal);
padding-right: var(--global--spacing-horizontal);
width: 100%;
}
.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
justify-content: center;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
color: var(--button--color-text-hover);
opacity: inherit;
}
Update file block layout
2020-10-09 13:41:16 +00:00
.wp-block-file a:after {
content: '';
display: block;
}
create a button style mixin so we can use the style more flexibly
2020-10-09 13:44:29 +00:00
.wp-block-file .wp-block-file__button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
rebuild assets
2020-10-02 11:13:09 +00:00
display: inline-block;
Update file block layout
2020-10-09 13:41:16 +00:00
margin: calc( 0.5 * var(--global--spacing-unit)) 0 0 0;
rebuild assets
2020-10-02 11:13:09 +00:00
padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
}
create a button style mixin so we can use the style more flexibly
2020-10-09 13:44:29 +00:00
.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-file .wp-block-file__button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-file .wp-block-file__button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-file .wp-block-file__button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
fixes for left and right align from TT1
2020-10-05 21:28:19 +00:00
.wp-block-gallery {
rebuild assets
2020-10-02 11:13:09 +00:00
margin: 0 auto;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: var(--global--color-white);
font: var(--global--font-size-sm);
}
made full width galleries stretch to full width
2020-10-05 21:10:16 +00:00
.wp-block-gallery.alignfull .blocks-gallery-grid {
width: 100%;
}
rebuild assets
2020-10-02 11:13:09 +00:00
.wp-block-group .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
margin-top: calc( 0.666 * var(--global--spacing-vertical));
margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group .wp-block-group__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group.has-background {
padding: var(--global--spacing-vertical);
}
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
clear: both;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
}
h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong,
h4 strong, .h4 strong,
h5 strong, .h5 strong,
h6 strong, .h6 strong {
font-weight: var(--heading--font-weight-strong);
}
h1, .h1 {
font-size: var(--heading--font-size-h1);
letter-spacing: var(--heading--letter-spacing-h1);
line-height: var(--heading--line-height-h1);
}
h2, .h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
}
h3, .h3 {
font-size: var(--heading--font-size-h3);
letter-spacing: var(--heading--letter-spacing-h3);
line-height: var(--heading--line-height-h3);
}
h4, .h4 {
font-size: var(--heading--font-size-h4);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height-h4);
}
h5, .h5 {
font-size: var(--heading--font-size-h5);
letter-spacing: var(--heading--letter-spacing-h5);
line-height: var(--heading--line-height-h5);
}
h6, .h6 {
font-size: var(--heading--font-size-h6);
letter-spacing: var(--heading--letter-spacing-h6);
line-height: var(--heading--line-height-h6);
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.wp-block-image .alignright {
margin-left: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
margin-right: var(--global--spacing-horizontal);
}
.entry-content > *[class="wp-block-image"],
.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
margin-top: 0;
margin-bottom: 0;
}
.entry-content > *[class="wp-block-image"] + *,
.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
margin-top: 0;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
/* Vertical margins logic */
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-sm);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
margin: 0;
}
.wp-block-latest-posts {
padding-left: 0;
}
.wp-block-latest-posts:not(.is-grid) > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.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.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
margin-bottom: 0;
}
.wp-block-latest-posts > li > * {
margin-top: calc(0.5 * var(--global--spacing-vertical));
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.wp-block-latest-posts > li > *:first-child {
margin-top: 0;
}
.wp-block-latest-posts > li > *:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
}
.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.entry-content .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-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
}
.wp-block-latest-posts.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 592px) {
.wp-block-latest-posts.is-style-seedlet-alternating-grid {
overflow: hidden;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid > li {
width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
text-align: right;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid > li:nth-child(2n + 1) {
float: right;
text-align: left;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid {
display: inherit;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li {
margin-top: var(--global--spacing-vertical);
margin-right: 0;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:last-child {
margin-bottom: 0;
}
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item a {
display: block;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
ul,
ol {
font-family: var(--list--font-family);
margin: 0;
padding-left: calc(2 * var(--global--spacing-horizontal));
}
ul.aligncenter,
ol.aligncenter {
list-style-position: inside;
padding: 0;
}
ul.alignright,
ol.alignright {
list-style-position: inside;
text-align: right;
padding: 0;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
dt {
font-family: var(--definition-term--font-family);
font-weight: bold;
}
dd {
margin: 0;
padding-left: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-media-text {
/**
* Block Options
*/
}
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: calc( 0.666 * var(--global--spacing-vertical));
margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 482px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
}
}
update CSS for navigation blocks
2020-10-16 10:06:26 +00:00
.wp-block-navigation .wp-block-navigation-link {
padding: 0;
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
padding: var(--primary-nav--padding);
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
padding: 0;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
display: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
border: none;
left: 0;
margin-left: var(--primary-nav--padding);
opacity: 0;
padding: 0;
position: inherit;
top: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
display: inline-block;
padding: calc( 0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
display: none;
}
.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
display: block;
opacity: 1;
visibility: visible;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
background: var(--global--color-background);
box-shadow: var(--global--elevation);
margin: 0;
padding: 0;
position: absolute;
top: 100%;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) {
color: var(--primary-nav--color-link);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
color: var(--primary-nav--color-link-hover);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
color: currentColor;
}
rebuild assets
2020-10-02 11:13:09 +00:00
p {
line-height: var(--wp--typography--line-height, --global--line-height-body);
}
p.has-background {
padding: var(--global--spacing-unit);
}
p.has-text-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.a8c-posts-list__listing {
list-style: none;
margin: 0;
padding: 0;
}
.a8c-posts-list__listing:not(:last-child) {
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.a8c-posts-list-item__featured span {
color: var(--global--color-background);
background-color: var(--global--color-primary);
font-family: var(--global--font-primary);
font-weight: bold;
font-size: var(--global--font-size-sm);
line-height: 1;
padding: calc(0.5 * var(--global--spacing-unit)) calc(0.66 * var(--global--spacing-unit));
}
.a8c-posts-list__item {
display: block;
/* Vertical margins logic between posts */
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.a8c-posts-list__item:first-child {
margin-top: 0;
}
.a8c-posts-list__item:last-child {
margin-bottom: 0;
}
.a8c-posts-list__item .entry > * {
/* Vertical margins logic between post details */
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.a8c-posts-list__item .entry > *:first-child {
margin-top: 0;
}
.a8c-posts-list__item .entry > *:last-child {
margin-bottom: 0;
}
.a8c-posts-list__item .a8c-posts-list-item__meta {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-sm);
}
.a8c-posts-list__item .a8c-posts-list-item__meta a {
color: currentColor;
}
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
color: var(--global--color-primary-hover);
}
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
margin-left: var(--global--spacing-unit);
}
.a8c-posts-list__view-all {
display: inline-block;
}
.wp-block-pullquote {
padding: calc( 2 * var(--global--spacing-unit)) 0;
text-align: left;
border-top-color: var(--pullquote--border-color);
border-top-width: var(--pullquote--border-width);
border-bottom-color: var(--pullquote--border-color);
border-bottom-width: var(--pullquote--border-width);
color: var(--pullquote--color-foreground);
/**
* Block Options
*/
}
.wp-block-pullquote p {
font-family: var(--pullquote--font-family);
font-size: var(--pullquote--font-size);
font-style: var(--pullquote--font-style);
letter-spacing: var(--pullquote--letter-spacing);
line-height: var(--pullquote--line-height);
margin: 0;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
display: block;
font-size: var(--global--font-size-xs);
text-transform: none;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-large {
border-left-color: var(--quote--border-color);
border-left-style: solid;
border-left-width: var(--quote--border-width);
font-style: normal;
}
.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
padding: 0 calc( 2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
background-color: var(--pullquote--color-foreground);
color: var(--pullquote--color-background);
padding: calc( 2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-quote {
border-left: var(--quote--border-width) solid var(--quote--border-color);
margin: var(--global--spacing-vertical) 0;
padding-left: var(--global--spacing-horizontal);
/**
* Block Options
*/
}
.wp-block-quote > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.wp-block-quote > *:first-child {
margin-top: 0;
}
.wp-block-quote > *:last-child {
margin-bottom: 0;
}
.wp-block-quote p {
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
line-height: var(--quote--line-height);
}
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
}
.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;
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: var(--quote--border-width) solid var(--quote--border-color);
padding-left: 0;
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.has-text-align-center {
border: none;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
/* Resetting margins to match _block-container.scss */
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
padding-left: var(--global--spacing-horizontal);
}
.wp-block-quote.is-style-large.has-text-align-right, .wp-block-quote.is-large.has-text-align-right {
padding-left: 0;
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.is-style-large.has-text-align-center, .wp-block-quote.is-large.has-text-align-center {
padding: 0 var(--global--spacing-horizontal);
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: var(--quote--font-size-large);
font-style: var(--quote--font-style-large);
line-height: var(--quote--line-height-large);
}
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
}
.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;
}
.wp-block-search {
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
flex-wrap: wrap;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background: transparent;
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: var(--form--spacing-unit);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
padding: 0;
rebuild assets
2020-10-02 11:13:09 +00:00
}
.wp-block-search .wp-block-search__label {
font-weight: normal;
}
.wp-block-search .wp-block-search__input {
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
font-family: var(--form--font-family);
font-size: var(--form--font-size);
line-height: var(--form--line-height);
rebuild assets
2020-10-02 11:13:09 +00:00
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
max-width: inherit;
margin-right: calc( .66 * var(--global--spacing-horizontal));
padding: var(--form--spacing-unit);
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
background: transparent;
rebuild assets
2020-10-02 11:13:09 +00:00
}
.wp-block-search .wp-block-search__input:focus {
color: var(--form--color-text);
border-color: var(--form--border-color);
}
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
.wp-block-search .wp-block-search__button {
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
border: none;
box-shadow: none;
}
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
updated search blocks for Seedlet
2020-10-16 09:20:46 +00:00
.wp-block-search .wp-block-search__button.has-icon {
transform: scaleX(-1);
padding: 0;
min-width: calc(2* var(--button--padding-vertical) + 16px);
min-height: calc(2* var(--button--padding-vertical) + 16px);
}
.wp-block-search .wp-block-search__button.has-icon svg {
fill: currentColor;
width: 29px;
height: 29px;
}
rebuild assets
2020-10-02 11:13:09 +00:00
hr {
border-style: none;
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
margin-left: auto;
margin-right: auto;
}
hr.wp-block-separator {
border-bottom: var(--separator--height) solid var(--separator--border-color);
/**
* Block Options
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: var(--separator--width);
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: var(--separator--border-color);
font-size: var(--global--font-size-xl);
letter-spacing: var(--global--font-size-sm);
padding-left: var(--global--font-size-sm);
}
.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;
}
.wp-block-spacer {
display: block;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
@media only screen and (max-width: 481px) {
.wp-block-spacer[style] {
height: var(--global--spacing-unit) !important;
}
}
table,
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
table th,
.wp-block-table th {
font-family: var(--heading--font-family);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc( 0.5 * var(--global--spacing-unit));
border: 1px solid;
word-break: break-all;
}
Spearhead: Fixes the code and verse blocks in the editor
2020-10-16 14:46:16 +00:00
pre.wp-block-verse {
use foreground color not foreground light
2020-10-16 15:21:13 +00:00
color: var(--global--color-foreground);
rebuild assets
2020-10-02 11:13:09 +00:00
font-family: var(--entry-content--font-family);
Spearhead: Fixes the code and verse blocks in the editor
2020-10-16 14:46:16 +00:00
padding: 0;
rebuild assets
2020-10-02 11:13:09 +00:00
}
.wp-block-video figcaption {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
* > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
/* Block Alignments */
/**
copy alignment simplifcation from TT1
2020-10-02 08:33:43 +00:00
* These selectors set the default max width for content appearing inside a post or page.
rebuild assets
2020-10-02 11:13:09 +00:00
*/
/**
* .alignleft
*/
.alignleft {
/*rtl:ignore*/
text-align: left;
margin-top: 0;
}
.entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
}
fixes for left and right align from TT1
2020-10-05 21:28:19 +00:00
@media only screen and (min-width: 482px) {
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
changed variables for align left/right margin and width
2020-10-07 16:52:23 +00:00
max-width: var(--responsive--alignrightleft-width);
removed alignment mixins
2020-10-07 18:04:42 +00:00
/*rtl:ignore*/
margin-left: calc( 50% - var(--responsive--alignrightleft-width));
/*rtl:ignore*/
margin-right: var(--global--spacing-horizontal);
fixes for left and right align from TT1
2020-10-05 21:28:19 +00:00
}
}
rebuild assets
2020-10-02 11:13:09 +00:00
/**
* .aligncenter
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
/**
* .alignright
*/
.alignright {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
}
fixes for left and right align from TT1
2020-10-05 21:28:19 +00:00
@media only screen and (min-width: 482px) {
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
changed variables for align left/right margin and width
2020-10-07 16:52:23 +00:00
max-width: var(--responsive--alignrightleft-width);
removed alignment mixins
2020-10-07 18:04:42 +00:00
/*rtl:ignore*/
margin-left: var(--global--spacing-horizontal);
/*rtl:ignore*/
margin-right: calc( 50% - var(--responsive--alignrightleft-width));
fixes for left and right align from TT1
2020-10-05 21:28:19 +00:00
}
}
rebuild assets
2020-10-02 11:13:09 +00:00
[class*="inner-container"] > .alignleft + *,
[class*="inner-container"] > .alignright + * {
margin-top: 0;
}
/**
* .alignwide
*/
.alignwide {
clear: both;
}
/**
* .alignfull
*/
.alignfull {
clear: both;
}
.has-left-content {
justify-content: flex-start;
}
.has-right-content {
justify-content: flex-end;
}
.has-parallax {
background-attachment: fixed;
}
.has-primary-color[class] {
color: var(--global--color-primary);
}
.has-secondary-color[class] {
color: var(--global--color-secondary);
}
.has-foreground-color[class] {
color: var(--global--color-foreground);
}
.has-foreground-light-color[class] {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
}
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
.has-foreground-high-contrast-color[class] {
color: var(--global--color-foreground-high-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
}
.has-tertiary-color[class] {
color: var(--global--color-tertiary);
}
.has-background-dark-color[class] {
color: var(--global--color-background-dark);
}
.has-background-color[class] {
color: var(--global--color-background);
}
.has-white-color[class] {
color: var(--global--color-white);
}
.has-black-color[class] {
color: var(--global--color-black);
}
.has-background:not(.has-background-background-color) a:not(.has-text-color),
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: var(--global--color-primary);
}
.has-primary-background-color[class]:not(.has-text-color) {
color: var(--global--color-background);
}
.has-secondary-background-color[class] {
background-color: var(--global--color-secondary);
}
.has-secondary-background-color[class]:not(.has-text-color) {
color: var(--global--color-background);
}
.has-foreground-background-color[class] {
background-color: var(--global--color-foreground);
}
.has-foreground-background-color[class]:not(.has-text-color) {
color: var(--global--color-background);
}
.has-foreground-light-background-color[class] {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
background-color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
}
.has-foreground-light-background-color[class]:not(.has-text-color) {
color: var(--global--color-background);
}
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
.has-foreground-high-contrast-background-color[class] {
background-color: var(--global--color-foreground-high-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
}
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
.has-foreground-high-contrast-background-color[class]:not(.has-text-color) {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--global--color-background);
}
.has-tertiary-background-color[class] {
background-color: var(--global--color-tertiary);
}
.has-tertiary-background-color[class]:not(.has-text-color) {
color: var(--global--color-foreground);
}
.has-background-dark-background-color[class] {
background-color: var(--global--color-background-dark);
}
.has-background-dark-background-color[class]:not(.has-text-color) {
color: var(--global--color-foreground);
}
.has-background-background-color[class] {
background-color: var(--global--color-background);
}
.has-background-background-color[class]:not(.has-text-color) {
color: var(--global--color-foreground);
}
.has-white-background-color[class] {
background-color: var(--global--color-white);
}
.has-white-background-color[class]:not(.has-text-color) {
color: var(--global--color-secondary);
}
.has-black-background-color[class] {
background-color: var(--global--color-black);
}
.has-black-background-color[class]:not(.has-text-color) {
color: var(--global--color-primary);
}
:root .is-tiny-text,
:root .has-tiny-font-size {
font-size: var(--global--font-size-xs);
}
:root .is-small-text,
:root .has-small-font-size {
font-size: var(--global--font-size-sm);
}
:root .is-regular-text,
:root .has-regular-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
font-size: var(--global--font-size-base);
}
:root .is-large-text,
:root .has-large-font-size {
font-size: var(--global--font-size-lg);
line-height: var(--global--line-height-heading);
}
:root .is-larger-text,
:root .has-larger-font-size,
:root .has-huge-font-size {
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--heading--font-family);
font-size: calc(2 * var(--heading--font-size-h1));
font-weight: var(--heading--font-weight);
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
float: left;
margin: 0.1em 0.1em 0 0;
}
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px;
}
.desktop-only {
display: none;
}
@media only screen and (min-width: 482px) {
.desktop-only {
display: block;
}
}
/**
* Spacing Overrides
*/
/*
* Margins
*/
.margin-top-none {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.margin-top-default {
margin-top: var(--global--spacing-vertical) !important;
}
.margin-right-none {
/*rtl:ignore*/
margin-right: 0 !important;
}
.margin-right-half {
/*rtl:ignore*/
margin-right: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.margin-right-default {
/*rtl:ignore*/
margin-right: var(--global--spacing-vertical) !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.margin-bottom-default {
margin-bottom: var(--global--spacing-vertical) !important;
}
.margin-left-none {
/*rtl:ignore*/
margin-left: 0 !important;
}
.margin-left-half {
/*rtl:ignore*/
margin-left: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.margin-left-default {
/*rtl:ignore*/
margin-left: var(--global--spacing-vertical) !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.padding-top-default {
padding-top: var(--global--spacing-vertical) !important;
}
.padding-right-none {
/*rtl:ignore*/
padding-right: 0 !important;
}
.padding-right-half {
/*rtl:ignore*/
padding-right: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.padding-right-default {
/*rtl:ignore*/
padding-right: var(--global--spacing-vertical) !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.padding-bottom-default {
padding-bottom: var(--global--spacing-vertical) !important;
}
.padding-left-none {
/*rtl:ignore*/
padding-left: 0 !important;
}
.padding-left-half {
/*rtl:ignore*/
padding-left: calc(0.5 * var(--global--spacing-vertical)) !important;
}
.padding-left-default {
/*rtl:ignore*/
padding-left: var(--global--spacing-vertical) !important;
}
copy alignment simplifcation from TT1
2020-10-02 08:33:43 +00:00
/*
* Custom gradients
rebuild assets
2020-10-02 11:13:09 +00:00
*/
.has-hard-diagonal-gradient-background {
background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
}
.has-hard-diagonal-inverted-gradient-background {
background: linear-gradient(to top left, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
}
.has-diagonal-gradient-background {
background: linear-gradient(to bottom right, var(--global--color-secondary), var(--global--color-tertiary));
}
.has-diagonal-inverted-gradient-background {
background: linear-gradient(to top left, var(--global--color-secondary), var(--global--color-tertiary));
}
.has-hard-horizontal-gradient-background {
background: linear-gradient(to bottom, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
}
.has-hard-horizontal-inverted-gradient-background {
background: linear-gradient(to top, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
}
.has-horizontal-gradient-background {
background: linear-gradient(to bottom, var(--global--color-secondary), var(--global--color-tertiary));
}
.has-horizontal-inverted-gradient-background {
background: linear-gradient(to top, var(--global--color-secondary), var(--global--color-tertiary));
}
.has-stripe-gradient-background {
background: linear-gradient(to bottom, transparent 20%, var(--global--color-secondary) 20%, var(--global--color-secondary) 80%, transparent 80%);
}
/*
* Components
* - Similar to Blocks but exist outside of the "current" editor context
*/
.site-branding {
color: var(--branding--color-text);
text-align: center;
}
.site-title {
color: var(--branding--color-link);
font-family: var(--branding--title--font-family);
font-size: var(--branding--title--font-size-mobile);
letter-spacing: normal;
line-height: var(--global--line-height-heading);
margin-bottom: calc( var(--global--spacing-vertical) / 2);
}
.site-title a {
background-image: linear-gradient(to right, var(--global--color-secondary) 100%, transparent 100%);
background-position: 0 1.22em;
background-repeat: repeat-x;
background-size: 8px 1.5px;
border-bottom: none;
color: currentColor;
font-weight: var(--branding--title--font-weight);
text-shadow: 1px 0px var(--global--color-background), -1px 0px var(--global--color-background), -2px 0px var(--global--color-background), 2px 0px var(--global--color-background), -3px 0px var(--global--color-background), 3px 0px var(--global--color-background), -4px 0px var(--global--color-background), 4px 0px var(--global--color-background), -5px 0px var(--global--color-background), 5px 0px var(--global--color-background);
transition: background-size 0.1s ease-out;
}
.site-title a:link, .site-title a:visited, .site-title a:active {
color: currentColor;
}
.site-title a:hover, .site-title a:focus {
color: var(--global--color-secondary);
background-size: 8px 0px;
}
.site-title a::selection {
text-shadow: 1px 0px var(--global--color-text-selection), -1px 0px var(--global--color-text-selection), -2px 0px var(--global--color-text-selection), 2px 0px var(--global--color-text-selection), -3px 0px var(--global--color-text-selection), 3px 0px var(--global--color-text-selection), -4px 0px var(--global--color-text-selection), 4px 0px var(--global--color-text-selection), -5px 0px var(--global--color-text-selection), 5px 0px var(--global--color-text-selection);
}
@media only screen and (min-width: 482px) {
.site-title {
font-size: var(--branding--title--font-size);
}
.site-title a {
background-size: 8px 2px;
}
}
.site-description {
color: currentColor;
font-family: var(--branding--description--font-family);
font-size: var(--branding--description--font-size);
}
a.custom-logo-link,
nav a {
border-bottom: 1px solid transparent;
text-decoration: none;
}
.site-title > a {
text-underline-width: .125em;
text-decoration-color: var(--global--color-secondary);
}
.site-logo {
margin: calc( var(--global--spacing-vertical) / 2) var(--global--spacing-horizontal);
centre the logo in seedlet
2020-10-29 14:29:49 +00:00
text-align: center;
rebuild assets
2020-10-02 11:13:09 +00:00
}
.site-logo .custom-logo {
Spearhead: Add support for site logo
2020-10-29 10:18:37 +00:00
max-width: var(--branding--logo--max-width);
max-height: var(--branding--logo--max-height);
rebuild assets
2020-10-02 11:13:09 +00:00
height: auto;
}
Spearhead: Add support for site logo
2020-10-29 10:18:37 +00:00
@media only screen and (max-width: 481px) {
:root {
--branding--logo--max-width: var(--branding--logo--max-width-mobile);
--branding--logo--max-height: var(--branding--logo--max-height-mobile);
rebuild assets
2020-10-02 11:13:09 +00:00
}
}
.social-navigation > div > ul {
align-content: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding-left: 0;
}
.social-navigation > div > ul > li {
margin-bottom: calc(2 * var(--social-nav--padding));
}
.social-navigation > div > ul > li:first-of-type > a {
padding-left: 0;
}
.social-navigation > div > ul > li:last-of-type > a {
padding-right: 0;
}
.social-navigation a {
color: var(--social-nav--color-link);
display: inline-block;
padding: 0 var(--social-nav--padding);
}
.social-navigation a:hover, .social-navigation a:focus {
color: var(--social-nav--color-link-hover);
}
.social-navigation a:active {
color: var(--social-nav--color-link);
}
.social-navigation svg {
fill: currentColor;
vertical-align: middle;
}
.site-footer {
overflow: hidden;
}
.site-footer > .site-info {
color: var(--footer--color-text);
font-family: var(--footer--font-family);
font-size: var(--footer--font-size);
line-height: var(--global--line-height-body);
}
@media only screen and (min-width: 822px) {
.site-footer > .site-info {
margin-top: 0;
margin-bottom: 0;
}
}
.site-footer > .site-info .site-name {
font-weight: bold;
}
.site-footer > .site-info a {
color: currentColor;
}
.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
color: currentColor;
}
.site-footer > .site-info a:hover, .site-footer > .site-info a:focus {
color: var(--footer--color-link);
}
.site-footer > .footer-navigation {
display: inline;
}
@media only screen and (min-width: 822px) {
.site-footer > .footer-navigation {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
text-align: left;
}
}
.site-footer > .footer-navigation > div {
display: inline;
}
.site-footer > .footer-navigation .footer-menu {
color: var(--footer--color-text);
margin: 0;
padding-left: 0;
}
.site-footer > .footer-navigation .footer-menu > li {
display: inline-block;
}
.site-footer > .footer-navigation .footer-menu > li:first-of-type > a {
padding-left: 0;
}
.site-footer > .footer-navigation .footer-menu > li:last-of-type {
padding-right: 0;
}
.site-footer > .footer-navigation .footer-menu .menu-item {
padding: var(--primary-nav--padding) var(--primary-nav--padding) var(--primary-nav--padding) 0;
}
.site-footer > .footer-navigation .footer-menu .menu-item a {
font-family: var(--primary-nav--font-family);
font-size: var(--footer--font-size);
font-weight: var(--primary-nav--font-weight);
color: currentColor;
}
.site-footer > .footer-navigation .footer-menu .menu-item a:link, .site-footer > .footer-navigation .footer-menu .menu-item a:visited, .site-footer > .footer-navigation .footer-menu .menu-item a:active {
color: currentColor;
}
.site-footer > .footer-navigation .footer-menu .menu-item a:hover {
color: var(--footer--color-link-hover);
border-color: var(--global--color-secondary);
}
.site-footer > .footer-navigation .footer-menu .menu-item a:focus {
color: var(--global--color-secondary);
}
/**
* Content
*/
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
.entry-title,
.editor-post-title__block .editor-post-title__input {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--entry-header--color);
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
font-family: var(--heading--font-family);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--entry-header--font-size);
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
font-weight: var(--heading--font-weight);
rebuild assets
2020-10-02 11:13:09 +00:00
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height);
overflow-wrap: break-word;
}
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
.entry-title a,
.editor-post-title__block .editor-post-title__input a {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--entry-header--color-link);
}
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
.entry-title a:hover,
.editor-post-title__block .editor-post-title__input a:hover {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--entry-header--color-hover);
}
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
.entry-title a:focus,
.editor-post-title__block .editor-post-title__input a:focus {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--entry-header--color-focus);
}
Unify the code that deals with editor titles
2020-10-06 13:14:28 +00:00
.entry-title a:active,
.editor-post-title__block .editor-post-title__input a:active {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--entry-header--color-link);
}
/**
* Entry Content
*/
.entry-content,
.entry-summary {
font-family: var(--entry-content--font-family);
}
.entry-content p {
word-wrap: break-word;
}
.entry-content .more-link {
display: table;
margin-top: var(--global--spacing-unit);
}
@media only screen and (min-width: 482px) {
.entry-content .more-link {
margin-top: var(--global--spacing-vertical);
}
}
.entry-content .more-link:after {
content: "\02192";
display: inline-block;
margin-left: 0.5em;
}
.entry-content .more-link:hover {
text-decoration: none;
}
.entry-content > iframe[style] {
margin: var(--global--spacing-vertical) 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 482px) {
.entry-content > iframe[style] {
max-width: var(--global--spacing-vertical) !important;
}
}
.entry-attachment {
text-align: center;
}
.entry-meta,
.entry-footer {
color: var(--entry-meta--color);
clear: both;
float: none;
font-size: var(--entry-meta--font-size);
display: block;
}
.entry-meta > span,
.entry-footer > span {
display: inline-block;
margin-right: var(--global--spacing-unit);
}
.entry-meta > span > *,
.entry-meta > span span .fn,
.entry-footer > span > *,
.entry-footer > span span .fn {
display: inline-block;
vertical-align: middle;
}
.entry-meta > span:last-child,
.entry-footer > span:last-child {
margin-right: 0;
}
.entry-meta > span .published + .updated,
.entry-footer > span .published + .updated {
display: none;
}
.entry-meta a,
.entry-footer a {
border-color: transparent;
color: var(--entry-meta--color-link);
}
.entry-meta a:hover, .entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
color: var(--entry-meta--color-hover);
}
.entry-meta a:hover,
.entry-footer a:hover {
border-color: var(--global--color-secondary);
}
.entry-meta a:focus,
.entry-footer a:focus {
color: var(--global--color-secondary);
}
.entry-meta a:active,
.entry-footer a:active {
color: var(--entry-meta--color-link);
}
.entry-meta .svg-icon,
.entry-footer .svg-icon {
fill: currentColor;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: calc(0.25 * var(--global--spacing-unit));
}
.site-main > article > .entry-footer {
margin-top: calc( var(--global--spacing-vertical) * 3);
padding-top: var(--global--spacing-unit);
border-top: var(--separator--height) solid var(--separator--border-color);
}
/**
* Post Thumbnails
*/
.post-thumbnail {
text-align: center;
}
.post-thumbnail .post-thumbnail-inner {
display: block;
}
/**
* Author
*/
/* Author description */
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author {
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-xs);
max-width: var(--responsive--aligndefault-width);
}
update the author bio CSS to match the old version as closely as possbile
2020-10-27 09:20:37 +00:00
.entry-author .author-avatar {
display: none;
}
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.site-main > article > .entry-author {
rebuild assets
2020-10-02 11:13:09 +00:00
margin-top: calc(2 * var(--global--spacing-vertical));
}
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author .author-title {
update the author bio CSS to match the old version as closely as possbile
2020-10-27 09:20:37 +00:00
font-family: var(--global--font-ui);
font-size: var(--global--font-size-xs);
}
.entry-author .author-title .author-name {
display: block;
Add a small margin above author name
2020-10-27 12:58:35 +00:00
margin-top: 4px;
rebuild assets
2020-10-02 11:13:09 +00:00
font-family: var(--entry-author-bio--font-family);
font-size: var(--entry-author-bio--font-size);
}
match the seedlet author bio markup to the jetpack markup
2020-10-26 16:24:00 +00:00
.entry-author .author-bio {
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-md);
}
update the author bio CSS to match the old version as closely as possbile
2020-10-27 09:20:37 +00:00
.entry-author .author-link::before {
content: '';
display: block;
}
rebuild assets
2020-10-02 11:13:09 +00:00
/* Next/Previous navigation */
.navigation {
color: var(--global--color-foreground);
}
.navigation a {
color: var(--global--color-primary);
}
.navigation a:hover {
color: var(--global--color-primary-hover);
border-color: var(--global--color-secondary);
}
.navigation a:focus {
color: var(--global--color-secondary);
}
.navigation a:active {
color: var(--global--color-primary);
}
@media only screen and (min-width: 482px) {
.navigation .nav-links {
display: flex;
Give space to links.
2020-10-26 16:00:36 +00:00
justify-content: space-between;
rebuild assets
2020-10-02 11:13:09 +00:00
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-previous {
flex: 0 1 auto;
margin-bottom: inherit;
margin-top: inherit;
max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
}
.navigation .nav-links .nav-next {
text-align: right;
}
}
.navigation .svg-icon {
display: inline-block;
fill: currentColor;
vertical-align: middle;
}
.post-navigation .meta-nav {
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
color: var(--global--color-foreground);
}
.post-navigation .post-title {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-lg);
line-height: var(--heading--line-height);
}
@media only screen and (min-width: 482px) {
.post-navigation .nav-links {
justify-content: space-between;
}
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
margin-top: 0;
}
.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
margin-bottom: 0;
}
.pagination .nav-links > * {
color: var(--pagination--color-text);
font-family: var(--pagination--font-family);
font-size: var(--pagination--font-size);
font-weight: var(--pagination--font-weight);
margin-left: calc(0.66 * var(--global--spacing-unit));
margin-right: calc(0.66 * var(--global--spacing-unit));
}
.pagination .nav-links > *.current {
border-bottom: 1px solid var(--pagination--color-text);
}
.pagination .nav-links > *:first-child {
margin-left: 0;
}
.pagination .nav-links > *a:hover {
color: var(--pagination--color-link-hover);
}
.pagination .nav-links > *:last-child {
margin-right: 0;
}
.pagination .nav-links > *.next {
margin-left: auto;
}
.pagination .nav-links > *.prev {
margin-right: auto;
}
/**
* Comments Wrapper
*/
.comments-area > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comments-area > *:first-child {
margin-top: 0;
}
.comments-area > *:last-child {
margin-bottom: 0;
}
/**
* Comment Title
*/
.comments-title,
.comment-reply-title {
font-size: var(--heading--font-size-h3);
font-style: italic;
letter-spacing: var(--heading--letter-spacing-h3);
}
.comment-reply-title {
display: flex;
justify-content: space-between;
}
.comment-reply-title small a {
border-bottom: none;
color: currentColor;
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-xs);
font-style: normal;
font-weight: normal;
letter-spacing: normal;
}
/**
* Comment Lists
*/
.comment-list {
padding-left: 0;
list-style: none;
}
.comment-list > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-list > li:not(first-child) {
border-bottom: 1px solid var(--comments--border-color);
}
.comment-list .children {
list-style: none;
padding-left: var(--global--spacing-horizontal);
}
.comment-list .children > li {
border-top: 1px solid var(--comments--border-color);
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
@media only screen and (min-width: 482px) {
.comment-list .children {
padding-left: calc(2 * var(--global--spacing-horizontal));
}
}
/**
* Comment Meta
*/
.comment-meta .comment-author {
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.25 * var(--global--spacing-unit));
padding-right: calc(2.5 * var(--global--spacing-horizontal));
max-width: calc(100% - (3 * var(--global--spacing-horizontal)));
}
@media only screen and (min-width: 482px) {
.comment-meta .comment-author {
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
font-family: var(--global--font-secondary);
font-weight: normal;
font-size: var(--global--font-size-xs);
hyphens: auto;
padding-left: 60px;
word-wrap: break-word;
word-break: break-word;
}
.comment-meta .comment-author .avatar {
border: 2px solid var(--global--color-border);
border-radius: 50%;
position: absolute;
top: 5px;
}
.comment-meta .comment-metadata {
color: var(--global--color-foreground);
font-size: var(--global--font-size-xs);
padding-left: 60px;
}
.comment-meta .comment-metadata a {
border-bottom: none;
color: currentColor;
}
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus {
color: var(--global--color-primary-hover);
}
.comment-meta .comment-metadata a:active {
color: currentColor;
}
.comment-meta .comment-metadata .edit-link {
float: right;
}
@media only screen and (min-width: 482px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
max-width: inherit;
}
}
.reply {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-heading);
}
.reply a {
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-bottom: none;
color: var(--button--color-text);
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
line-height: var(--button--line-height);
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.reply a:hover, .reply a:focus, .reply a.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
.reply {
text-align: right;
}
@media only screen and (min-width: 482px) {
.reply {
text-align: left;
}
}
.bypostauthor {
display: block;
}
.says {
display: none;
}
.pingback .url,
.trackback .url {
font-family: var(--global--font-primary);
}
.comment-body {
position: relative;
}
.comment-body > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-body .reply {
margin: calc(1.5 * var(--global--spacing-vertical)) 0;
}
.comment-content a {
word-wrap: break-word;
}
.pingback .comment-body,
.trackback .comment-body {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-respond {
margin-top: var(--global--spacing-vertical);
}
.comment-respond > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.comment-respond > *:first-child {
margin-top: 0;
}
.comment-respond > *:last-child {
margin-bottom: 0;
}
.comment-respond > *:last-child.comment-form {
margin-bottom: var(--global--spacing-vertical);
}
.comment-author {
padding-top: 3px;
}
.comment-author .url {
border-bottom: none;
color: currentColor;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form > * {
flex-basis: 100%;
}
.comment-form .comment-notes {
font-size: var(--global--font-size-sm);
}
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 0;
flex-grow: 1;
}
.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
font-size: var(--global--font-size-xs);
}
.comment-form > p {
margin-bottom: var(--global--spacing-unit);
}
.comment-form > p:first-of-type {
margin-top: 0;
}
.comment-form > p:last-of-type {
margin-bottom: 0;
}
.comment-form > p label,
.comment-form > p input[type="email"],
.comment-form > p input[type="text"],
.comment-form > p input[type="url"],
.comment-form > p textarea {
display: block;
font-size: var(--global--font-size-sm);
margin-bottom: calc( .5 * var(--global--spacing-unit));
width: 100%;
}
.comment-form > p.comment-form-cookies-consent {
display: flex;
}
@media only screen and (min-width: 482px) {
.comment-form > p.comment-form-author {
margin-right: calc( 1.5 * var(--global--spacing-horizontal));
}
.comment-form > p.comment-notes, .comment-form > p.logged-in-as {
display: block;
}
}
.comment-navigation a {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-md);
font-weight: 600;
}
.widget-area {
flex: 0 0 100%;
}
.search-form {
display: flex;
margin: auto;
max-width: var(--responsive--aligndefault-width);
}
.search-form > label {
display: flex;
margin-right: var(--global--spacing-horizontal);
width: 100%;
}
.search-form > label .search-field {
width: 100%;
}
/* Utilities */
img#wpstats {
position: absolute !important;
clip: rect(0, 0, 0, 0);
padding: 0 !important;
border: 0 !important;
height: 0 !important;
width: 0 !important;
overflow: hidden;
}
/**
* Site Pages
* - Page specific styles
*/
.sticky-post {
color: var(--global--color-background);
background-color: var(--global--color-secondary);
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-xs);
line-height: 1;
padding: calc(0.25 * var(--global--spacing-unit)) calc(0.33 * var(--global--spacing-unit));
}
.page-title {
font-size: var(--heading--font-size-h4);
}
Add description to category pages with styling
2021-01-03 23:23:41 +00:00
.archive-description p {
font-size: var(--global--font-size-sm);
margin-top: calc(0.5 * var(--global--spacing-vertical));
}
rebuild assets
2020-10-02 11:13:09 +00:00
/**
* Jetpack styles
*/
/**
* Jetpack Block styles
*/
.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail,
.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail,
.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
margin-right: var(--global--spacing-vertical);
}
.wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail,
.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
margin-left: var(--global--spacing-vertical);
}
.wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper,
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
padding: var(--global--spacing-vertical);
}
.wp-block-newspack-blocks-homepage-articles.is-grid article,
.wp-block-a8c-blog-posts.is-grid article {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
@media only screen and (min-width: 482px) {
.wp-block-newspack-blocks-homepage-articles.is-grid article,
.wp-block-a8c-blog-posts.is-grid article {
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
}
.wp-block-newspack-blocks-homepage-articles h2.article-section-title,
.wp-block-a8c-blog-posts h2.article-section-title {
font-size: var(--heading--font-size-h4);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height-h4);
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.wp-block-newspack-blocks-homepage-articles h2.article-section-title + article,
.wp-block-a8c-blog-posts h2.article-section-title + article {
margin-top: 0;
}
.wp-block-newspack-blocks-homepage-articles article,
.wp-block-a8c-blog-posts article {
display: block;
/* Vertical margins logic between posts */
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-newspack-blocks-homepage-articles article,
.wp-block-a8c-blog-posts article {
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
}
.wp-block-newspack-blocks-homepage-articles article:first-child,
.wp-block-a8c-blog-posts article:first-child {
margin-top: 0;
}
.wp-block-newspack-blocks-homepage-articles article:last-child,
.wp-block-a8c-blog-posts article:last-child {
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img,
.wp-block-a8c-blog-posts article .post-thumbnail img {
width: auto;
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *,
.wp-block-a8c-blog-posts article .entry-wrapper > * {
/* Vertical margins logic between post details */
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child,
.wp-block-a8c-blog-posts article .entry-wrapper > *:first-child {
margin-top: 0;
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child,
.wp-block-a8c-blog-posts article .entry-wrapper > *:last-child {
margin-bottom: 0;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a,
.wp-block-a8c-blog-posts article .entry-title a {
color: var(--global--color-primary);
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-title a {
color: currentColor;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
.wp-block-a8c-blog-posts article .entry-title a:hover,
.wp-block-a8c-blog-posts article .entry-title a:focus {
color: var(--global--color-primary-hover);
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a:hover,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a:hover,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-title a:hover, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a:focus,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-title a:focus,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-title a:focus {
color: currentColor;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
.wp-block-a8c-blog-posts article .entry-title a:active {
color: var(--global--color-primary);
}
@media only screen and (min-width: 482px) {
.wp-block-newspack-blocks-homepage-articles article .more-link,
.wp-block-a8c-blog-posts article .more-link {
margin-top: var(--global--spacing-unit);
}
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta,
.wp-block-newspack-blocks-homepage-articles article .cat-links,
.wp-block-a8c-blog-posts article .entry-meta,
.wp-block-a8c-blog-posts article .cat-links {
Seedlet: Update light and dark color names
2020-10-23 17:25:42 +00:00
color: var(--global--color-foreground-low-contrast);
rebuild assets
2020-10-02 11:13:09 +00:00
font-size: var(--global--font-size-sm);
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links,
[style*="background-color"]
.wp-block-newspack-blocks-homepage-articles article .cat-links, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-meta, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links,
[style*="background-color"]
.wp-block-a8c-blog-posts article .cat-links {
color: currentColor;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
.wp-block-newspack-blocks-homepage-articles article .cat-links > span > *,
.wp-block-a8c-blog-posts article .entry-meta > span > *,
.wp-block-a8c-blog-posts article .cat-links > span > * {
vertical-align: top;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child),
.wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child),
.wp-block-a8c-blog-posts article .entry-meta .byline:not(:last-child),
.wp-block-a8c-blog-posts article .cat-links .byline:not(:last-child) {
margin-right: var(--global--spacing-unit);
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated,
.wp-block-a8c-blog-posts article .entry-meta .published + .updated,
.wp-block-a8c-blog-posts article .cat-links .published + .updated {
display: none;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
.wp-block-newspack-blocks-homepage-articles article .cat-links a,
.wp-block-a8c-blog-posts article .entry-meta a,
.wp-block-a8c-blog-posts article .cat-links a {
color: currentColor;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
.wp-block-a8c-blog-posts article .entry-meta a:hover,
.wp-block-a8c-blog-posts article .entry-meta a:active,
.wp-block-a8c-blog-posts article .cat-links a:hover,
.wp-block-a8c-blog-posts article .cat-links a:active {
color: var(--global--color-primary-hover);
text-decoration: none;
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[style*="background-color"]
.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
[style*="background-color"]
.wp-block-newspack-blocks-homepage-articles article .cat-links a:active, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta a:hover,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-meta a:hover, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta a:active,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .entry-meta a:active,
[style*="background-color"]
.wp-block-a8c-blog-posts article .entry-meta a:active, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links a:hover,
[style*="background-color"]
.wp-block-a8c-blog-posts article .cat-links a:hover, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links a:active,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts article .cat-links a:active,
[style*="background-color"]
.wp-block-a8c-blog-posts article .cat-links a:active {
color: currentColor;
}
@media only screen and (min-width: 592px) {
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid .article-section-title,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
text-align: right;
clear: both;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article .entry-meta,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .entry-meta {
justify-content: flex-end;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1),
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) {
float: right;
text-align: left;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
justify-content: flex-start;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid .more-link,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .more-link {
display: inline-block;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid.wpnbha.is-grid > div,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
display: inherit;
}
.wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid button,
.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid button {
clear: both;
margin: var(--global--spacing-vertical) auto;
}
}
button,
.button,
input[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
rebuild assets
2020-10-02 11:13:09 +00:00
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
button:before,
.button:before,
input[type="submit"]:before,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
rebuild assets
2020-10-02 11:13:09 +00:00
.button:after,
input[type="submit"]:after,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
rebuild assets
2020-10-02 11:13:09 +00:00
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
rebuild assets
2020-10-02 11:13:09 +00:00
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
rebuild assets
2020-10-02 11:13:09 +00:00
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
button:hover,
.button:hover,
input:hover[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
rebuild assets
2020-10-02 11:13:09 +00:00
.button:focus,
input:focus[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
rebuild assets
2020-10-02 11:13:09 +00:00
.has-focus.button,
input.has-focus[type="submit"],
spaces to tabs, changed extend to an include
2020-10-16 10:34:08 +00:00
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
rebuild assets
2020-10-02 11:13:09 +00:00
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
button[data-load-more-btn],
.button {
display: inline-block;
}
.has-background:not(.has-background-background-color) button[data-load-more-btn],
[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
[style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color)
.button,
[class*="background-color"]:not(.has-background-background-color)
.button,
[style*="background-color"]
.button {
background-color: transparent;
border: var(--button--border-width, 2px) solid currentColor;
color: currentColor;
}
.wp-block-jetpack-layout-grid {
Seedlet: Clean up grid gutter size options and config variables.
2020-11-03 18:00:11 +00:00
/* Grid gutter size options */
rebuild assets
2020-10-02 11:13:09 +00:00
grid-gap: var(--layout-grid--gutter-large) !important;
padding-left: var(--layout-grid--gutter-large) !important;
padding-right: var(--layout-grid--gutter-large) !important;
/* Individual Column Options */
}
Seedlet: Clean up grid gutter size options and config variables.
2020-11-03 18:00:11 +00:00
.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
grid-gap: var(--layout-grid--gutter-small) !important;
padding-left: var(--layout-grid--gutter-small) !important;
padding-right: var(--layout-grid--gutter-small) !important;
}
.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
grid-gap: var(--layout-grid--gutter-medium) !important;
padding-left: var(--layout-grid--gutter-medium) !important;
padding-right: var(--layout-grid--gutter-medium) !important;
}
.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
grid-gap: var(--layout-grid--gutter-large) !important;
padding-left: var(--layout-grid--gutter-large) !important;
padding-right: var(--layout-grid--gutter-large) !important;
}
.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
grid-gap: var(--layout-grid--gutter-huge) !important;
padding-left: var(--layout-grid--gutter-huge) !important;
padding-right: var(--layout-grid--gutter-huge) !important;
}
rebuild assets
2020-10-02 11:13:09 +00:00
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column[style^="background-color"] {
margin-left: calc(var(--layout-grid--background-offset) * -1) !important;
margin-right: calc(var(--layout-grid--background-offset) * -1) !important;
padding-left: var(--layout-grid--background-offset) !important;
padding-right: var(--layout-grid--background-offset) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
margin-top: calc( 0.666 * var(--global--spacing-vertical));
margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:first-child {
margin-top: 0;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:last-child {
margin-bottom: 0;
}
/* Gutter Options */
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none {
grid-gap: var(--layout-grid--gutter-none) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small {
grid-gap: var(--layout-grid--gutter-small) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium {
grid-gap: var(--layout-grid--gutter-medium) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large {
grid-gap: var(--layout-grid--gutter-large) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge {
grid-gap: var(--layout-grid--gutter-huge) !important;
}
/* Padding Options */
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none {
padding-left: var(--layout-grid--gutter-none) !important;
padding-right: var(--layout-grid--gutter-none) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small {
padding-left: var(--layout-grid--gutter-small) !important;
padding-right: var(--layout-grid--gutter-small) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium {
padding-left: var(--layout-grid--gutter-medium) !important;
padding-right: var(--layout-grid--gutter-medium) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large {
padding-left: var(--layout-grid--gutter-large) !important;
padding-right: var(--layout-grid--gutter-large) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge {
padding-left: var(--layout-grid--gutter-huge) !important;
padding-right: var(--layout-grid--gutter-huge) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none {
padding: var(--layout-grid--gutter-none) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none[style^="background-color"] {
padding-top: var(--layout-grid--gutter-none) !important;
padding-right: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset)) !important;
padding-bottom: var(--layout-grid--gutter-none) !important;
padding-left: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset)) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small {
padding: var(--layout-grid--gutter-small) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small[style^="background-color"] {
padding-top: var(--layout-grid--gutter-small) !important;
padding-right: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset)) !important;
padding-bottom: var(--layout-grid--gutter-small) !important;
padding-left: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset)) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium {
padding: var(--layout-grid--gutter-medium) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium[style^="background-color"] {
padding-top: var(--layout-grid--gutter-medium) !important;
padding-right: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset)) !important;
padding-bottom: var(--layout-grid--gutter-medium) !important;
padding-left: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset)) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large {
padding: var(--layout-grid--gutter-large) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large[style^="background-color"] {
padding-top: var(--layout-grid--gutter-large) !important;
padding-right: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset)) !important;
padding-bottom: var(--layout-grid--gutter-large) !important;
padding-left: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset)) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge {
padding: var(--layout-grid--gutter-huge) !important;
}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge[style^="background-color"] {
padding-top: var(--layout-grid--gutter-huge) !important;
padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important;
padding-bottom: var(--layout-grid--gutter-huge) !important;
padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important;
}
/*# sourceMappingURL=style.css.map */
Reference in a new issue Copy permalink