Stow: color annotations
This commit is contained in:
Maggie Cabrera
parent
93987bd074
commit
8f90c4a765
12 changed files with 775 additions and 689 deletions
|
|
@ -9,6 +9,18 @@
|
|||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'varia_default_colors' ) ) {
|
||||
function varia_default_colors() {
|
||||
return array(
|
||||
'background' => '#FFFFFF',
|
||||
'foreground' => '#444444',
|
||||
'primary' => '#404040',
|
||||
'secondary' => '#f25f70',
|
||||
'tertiary' => '#DDDDDD',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! function_exists( 'stow_setup' ) ) :
|
||||
/**
|
||||
* Sets up theme defaults and registers support for various WordPress features.
|
||||
|
|
@ -53,42 +65,6 @@ if ( ! function_exists( 'stow_setup' ) ) :
|
|||
)
|
||||
);
|
||||
|
||||
// Add child theme editor color pallete to match Sass-map variables in `_config-child-theme-deep.scss`.
|
||||
add_theme_support(
|
||||
'editor-color-palette',
|
||||
array(
|
||||
array(
|
||||
'name' => __( 'Primary', 'stow' ),
|
||||
'slug' => 'primary',
|
||||
'color' => '#404040',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Secondary', 'stow' ),
|
||||
'slug' => 'secondary',
|
||||
'color' => '#f25f70',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Dark Gray', 'stow' ),
|
||||
'slug' => 'foreground-dark',
|
||||
'color' => '#111111',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Gray', 'stow' ),
|
||||
'slug' => 'foreground',
|
||||
'color' => '#444444',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Light Gray', 'stow' ),
|
||||
'slug' => 'foreground-light',
|
||||
'color' => '#767676',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'White Smoke', 'stow' ),
|
||||
'slug' => 'background',
|
||||
'color' => '#f0f0f0',
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
endif;
|
||||
add_action( 'after_setup_theme', 'stow_setup', 12 );
|
||||
|
|
|
|||
2
stow/inc/wpcom-editor-colors.php
Normal file
2
stow/inc/wpcom-editor-colors.php
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<?php
|
||||
require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';
|
||||
16
stow/inc/wpcom.php
Normal file
16
stow/inc/wpcom.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<?php
|
||||
/**
|
||||
* WordPress.com-specific functions and definitions.
|
||||
*
|
||||
* This file is centrally included from `wp-content/mu-plugins/wpcom-theme-compat.php`.
|
||||
*
|
||||
* @package Stow
|
||||
*/
|
||||
require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';
|
||||
/**
|
||||
* Bind JS handlers to instantly live-preview changes.
|
||||
*/
|
||||
function stow_wpcom_color_annotations_preview_js() {
|
||||
wp_enqueue_script( 'stow_wpcom_color_annotations_preview', get_template_directory_uri() . '/inc/color-annotations-preview.js', array( 'customize-preview' ), wp_get_theme()->get( 'Version' ), true );
|
||||
}
|
||||
add_action( 'customize_preview_init', 'stow_wpcom_color_annotations_preview_js' );
|
||||
|
|
@ -3,6 +3,8 @@
|
|||
* - See: style-child-theme.scss
|
||||
*/
|
||||
|
||||
@import "../../varia/sass/abstracts/color-variables";
|
||||
|
||||
/**
|
||||
* Global
|
||||
*/
|
||||
|
|
@ -67,42 +69,6 @@ $config-global: (
|
|||
),
|
||||
),
|
||||
|
||||
/* Colors */
|
||||
"color": (
|
||||
"primary": (
|
||||
"default": #404040,
|
||||
"hover": #f25f70,
|
||||
),
|
||||
"secondary": (
|
||||
"default": #f25f70,
|
||||
"hover": #4f4f4f,
|
||||
),
|
||||
"foreground": (
|
||||
"default": #444444,
|
||||
"light": #767676, // must be accesible!
|
||||
"dark": #111111, // must be accesible!
|
||||
),
|
||||
"background": (
|
||||
"default": white,
|
||||
"light": #FFFFFF, // must be accessible against foreground-default
|
||||
"dark": #DDDDDD, // must be accessible against foreground-default
|
||||
),
|
||||
"border": (
|
||||
"default": #DDDDDD,
|
||||
"light": #FAFAFA,
|
||||
"dark": #AAAAAA,
|
||||
),
|
||||
"alert": (
|
||||
"success": #8bc34a,
|
||||
"info": #03a9f4,
|
||||
"warning": #ffc107,
|
||||
"error": #f25f70,
|
||||
),
|
||||
"text-selection": #ffdce0,
|
||||
"black": black,
|
||||
"white": white,
|
||||
),
|
||||
|
||||
/* Spacing */
|
||||
"spacing": (
|
||||
"unit": (2 * $baseline-unit), // 16px
|
||||
|
|
@ -139,6 +105,8 @@ $config-global: (
|
|||
),
|
||||
);
|
||||
|
||||
$config-global: map-merge($color-variables, $config-global);
|
||||
|
||||
/**
|
||||
* Elements
|
||||
*/
|
||||
|
|
|
|||
25
stow/sass/_global-variables.scss
Normal file
25
stow/sass/_global-variables.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
@mixin global-variables() {
|
||||
|
||||
/* Colors */
|
||||
--wp--preset--color--primary: #404040;
|
||||
--wp--preset--color--primary-hover: #f25f70;
|
||||
--wp--preset--color--secondary: #f25f70;
|
||||
--wp--preset--color--secondary-hover: #4f4f4f;
|
||||
--wp--preset--color--foreground: #444444;
|
||||
--wp--preset--color--foreground-low-contrast: #767676;
|
||||
--wp--preset--color--foreground-high-contrast: #111111;
|
||||
--wp--preset--color--background: #FFFFFF;
|
||||
--wp--preset--color--background-low-contrast: #FFFFFF;
|
||||
--wp--preset--color--background-high-contrast: #DDDDDD;
|
||||
--wp--preset--color--border: #DDDDDD;
|
||||
--wp--preset--color--border-low-contrast: #FAFAFA;
|
||||
--wp--preset--color--border-high-contrast: #AAAAAA;
|
||||
--wp--preset--color--text-selection: #ffdce0;
|
||||
--wp--preset--color--alert-success: #8bc34a;
|
||||
--wp--preset--color--alert-info: #03a9f4;
|
||||
--wp--preset--color--alert-warning: #ffc107;
|
||||
--wp--preset--color--alert-error: #f25f70;
|
||||
--wp--preset--color--black: black;
|
||||
--wp--preset--color--white: white;
|
||||
|
||||
}
|
||||
|
|
@ -8,6 +8,15 @@
|
|||
*/
|
||||
@import "../../varia/sass/abstracts/imports";
|
||||
|
||||
/**
|
||||
* Global variables
|
||||
*/
|
||||
@import "global-variables";
|
||||
|
||||
:root, body {
|
||||
@include global-variables();
|
||||
}
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -29,6 +29,15 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
*/
|
||||
@import "../../varia/sass/abstracts/imports";
|
||||
|
||||
/**
|
||||
* Global variables
|
||||
*/
|
||||
@import "global-variables";
|
||||
|
||||
:root {
|
||||
@include global-variables();
|
||||
}
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -120,6 +120,33 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Add font-family using CSS variables.
|
||||
* It also adds the proper fallback for browsers without support.
|
||||
*/
|
||||
/**
|
||||
* Global variables
|
||||
*/
|
||||
:root, body {
|
||||
/* Colors */
|
||||
--wp--preset--color--primary: #404040;
|
||||
--wp--preset--color--primary-hover: #f25f70;
|
||||
--wp--preset--color--secondary: #f25f70;
|
||||
--wp--preset--color--secondary-hover: #4f4f4f;
|
||||
--wp--preset--color--foreground: #444444;
|
||||
--wp--preset--color--foreground-low-contrast: #767676;
|
||||
--wp--preset--color--foreground-high-contrast: #111111;
|
||||
--wp--preset--color--background: #FFFFFF;
|
||||
--wp--preset--color--background-low-contrast: #FFFFFF;
|
||||
--wp--preset--color--background-high-contrast: #DDDDDD;
|
||||
--wp--preset--color--border: #DDDDDD;
|
||||
--wp--preset--color--border-low-contrast: #FAFAFA;
|
||||
--wp--preset--color--border-high-contrast: #AAAAAA;
|
||||
--wp--preset--color--text-selection: #ffdce0;
|
||||
--wp--preset--color--alert-success: #8bc34a;
|
||||
--wp--preset--color--alert-info: #03a9f4;
|
||||
--wp--preset--color--alert-warning: #ffc107;
|
||||
--wp--preset--color--alert-error: #f25f70;
|
||||
--wp--preset--color--black: black;
|
||||
--wp--preset--color--white: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
|
|
@ -165,8 +192,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* - Reset the browser
|
||||
*/
|
||||
body {
|
||||
color: #444444;
|
||||
background-color: white;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
background-color: var(--wp--preset--color--background);
|
||||
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||
font-family: var(--font-base, "Source Sans Pro", Arial, sans-serif);
|
||||
font-size: 18px;
|
||||
|
|
@ -186,11 +213,11 @@ p {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
button,
|
||||
|
|
@ -253,7 +280,7 @@ blockquote.alignright footer {
|
|||
}
|
||||
|
||||
figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -355,7 +382,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-a8c-blog-posts .entry-title a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
|
||||
|
|
@ -365,7 +392,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-a8c-blog-posts .entry-title a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -388,7 +415,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -402,7 +429,7 @@ object {
|
|||
|
||||
.wp-block-a8c-blog-posts .entry-meta,
|
||||
.wp-block-a8c-blog-posts .cat-links {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333em;
|
||||
}
|
||||
|
||||
|
|
@ -436,7 +463,7 @@ object {
|
|||
.wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
|
||||
.wp-block-a8c-blog-posts .cat-links a:hover,
|
||||
.wp-block-a8c-blog-posts .cat-links a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -466,13 +493,13 @@ object {
|
|||
*/
|
||||
.wp-block-a8c-blog-posts + .button, .fse-template-part .main-navigation .button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -495,8 +522,8 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-a8c-blog-posts + .button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .fse-template-part .main-navigation .has-focus.button {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -524,13 +551,13 @@ object {
|
|||
|
||||
/* Default Style */
|
||||
.wp-block-button__link {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444em;
|
||||
line-height: 1;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
padding: 16px 16px;
|
||||
/* Outline Style */
|
||||
|
|
@ -538,8 +565,8 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.wp-block-button__link.is-style-outline,
|
||||
|
|
@ -551,7 +578,7 @@ object {
|
|||
.is-style-outline .wp-block-button__link:hover,
|
||||
.is-style-outline .wp-block-button__link:focus,
|
||||
.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -562,20 +589,20 @@ object {
|
|||
|
||||
/* Default Style */
|
||||
.button {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444em;
|
||||
line-height: 1;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.button:hover, .button:focus, .button.has-focus {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.wp-block-columns .wp-block[data-align=full],
|
||||
|
|
@ -586,8 +613,8 @@ object {
|
|||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
background-color: #444444;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
color: var(--wp--preset--color--background);
|
||||
min-height: 480px;
|
||||
margin-top: inherit;
|
||||
margin-bottom: inherit;
|
||||
|
|
@ -597,8 +624,8 @@ object {
|
|||
|
||||
.wp-block-cover.has-background-dim,
|
||||
.wp-block-cover-image.has-background-dim {
|
||||
background-color: #444444;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
|
||||
|
|
@ -609,7 +636,7 @@ object {
|
|||
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
|
||||
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
|
||||
.wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-cover h2,
|
||||
|
|
@ -744,7 +771,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
|
@ -802,11 +829,11 @@ p.has-background:not(.has-background-background-color) a {
|
|||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
border-top-width: 4px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-width: 4px;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote p {
|
||||
|
|
@ -828,7 +855,7 @@ p.has-background:not(.has-background-background-color) a {
|
|||
.wp-block-pullquote .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote cite,
|
||||
.wp-block-pullquote footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -838,7 +865,7 @@ p.has-background:not(.has-background-background-color) a {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
|
|
@ -848,11 +875,11 @@ p.has-background:not(.has-background-background-color) a {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color:not(.has-background) {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-left-color: #404040;
|
||||
border-left-color: var(--wp--preset--color--primary);
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -884,7 +911,7 @@ p.has-background:not(.has-background-background-color) a {
|
|||
}
|
||||
|
||||
.wp-block-quote .wp-block-quote__citation {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333em;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -898,14 +925,14 @@ p.has-background:not(.has-background-background-color) a {
|
|||
|
||||
.wp-block-separator,
|
||||
hr {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
border-bottom: 2px solid var(--wp--preset--color--border);
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
|
||||
hr[style*="text-align:right"],
|
||||
hr[style*="text-align: right"] {
|
||||
border-right-color: #DDDDDD;
|
||||
border-right-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
.wp-block-separator.is-style-wide,
|
||||
|
|
@ -932,7 +959,7 @@ hr.is-style-dots.has-text-color:before {
|
|||
|
||||
.wp-block-separator.is-style-dots:before,
|
||||
hr.is-style-dots:before {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) .wp-block-separator,
|
||||
|
|
@ -964,13 +991,13 @@ table th,
|
|||
|
||||
table.is-style-stripes tbody tr:nth-child(odd),
|
||||
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
|
||||
background-color: #FAFAFA;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--border-low-contrast);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
pre.wp-block-verse {
|
||||
font-family: monospace, monospace;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -978,7 +1005,7 @@ pre.wp-block-verse {
|
|||
* - Needs a special styles
|
||||
*/
|
||||
.editor-post-title__block .editor-post-title__input {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-weight: 300;
|
||||
|
|
@ -989,42 +1016,42 @@ pre.wp-block-verse {
|
|||
|
||||
.wp-block .has-primary-color,
|
||||
.has-primary-color {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block .has-secondary-color,
|
||||
.has-secondary-color {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block .has-foreground-color,
|
||||
.has-foreground-color {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block .has-foreground-light-color,
|
||||
.has-foreground-light-color {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.wp-block .has-foreground-dark-color,
|
||||
.has-foreground-dark-color {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.wp-block .has-background-light-color,
|
||||
.has-background-light-color {
|
||||
color: #FFFFFF;
|
||||
color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.wp-block .has-background-dark-color,
|
||||
.has-background-dark-color {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.wp-block .has-background-color,
|
||||
.has-background-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background p:not(.has-text-color),
|
||||
|
|
@ -1039,84 +1066,84 @@ pre.wp-block-verse {
|
|||
|
||||
.has-primary-background-color,
|
||||
.has-primary-background-color.has-background-dim {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-primary-background-color:not(.has-text-color),
|
||||
.has-primary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-secondary-background-color,
|
||||
.has-secondary-background-color.has-background-dim {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.has-secondary-background-color:not(.has-text-color),
|
||||
.has-secondary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
background-color: #444444;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color,
|
||||
.has-foreground-light-background-color.has-background-dim {
|
||||
background-color: #767676;
|
||||
background-color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color:not(.has-text-color),
|
||||
.has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color,
|
||||
.has-foreground-dark-background-color.has-background-dim {
|
||||
background-color: #111111;
|
||||
background-color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color:not(.has-text-color),
|
||||
.has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-light-background-color,
|
||||
.has-background-light-background-color.has-background-dim {
|
||||
background-color: #FFFFFF;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-light-background-color:not(.has-text-color),
|
||||
.has-background-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color,
|
||||
.has-background-dark-background-color.has-background-dim {
|
||||
background-color: #DDDDDD;
|
||||
background-color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color:not(.has-text-color),
|
||||
.has-background-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-background-color,
|
||||
.has-background-background-color.has-background-dim {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-background-color:not(.has-text-color),
|
||||
.has-background-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.is-small-text,
|
||||
|
|
@ -1292,7 +1319,7 @@ pre.wp-block-verse {
|
|||
* Set Jetpack form text color
|
||||
*/
|
||||
.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
|
||||
color: black;
|
||||
color: var(--wp--preset--color--black);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1315,7 +1342,7 @@ pre.wp-block-verse {
|
|||
* 1. General Styles
|
||||
*/
|
||||
body {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
|
@ -1339,11 +1366,11 @@ a {
|
|||
}
|
||||
|
||||
.wp-block-coblocks-column a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block-coblocks-column a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1366,7 +1393,7 @@ a {
|
|||
.wp-block-quote .wp-block-quote__citation,
|
||||
.wp-block-quote[style*="text-align:center"] .wp-block-quote__citation,
|
||||
.wp-block-quote[style*="text-align:right"] .wp-block-quote__citation {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1375,13 +1402,13 @@ a {
|
|||
.wp-block-file div.wp-block-file__button {
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 2px;
|
||||
padding: 16px 16px;
|
||||
|
|
@ -1389,8 +1416,8 @@ a {
|
|||
}
|
||||
|
||||
.wp-block-file div.wp-block-file__button:focus, .wp-block-file div.wp-block-file__button:hover, .wp-block-file div.wp-block-file__button:visited {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -1415,13 +1442,13 @@ a {
|
|||
.wp-block-search .wp-block-search__button {
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 2px;
|
||||
padding: 16px 16px;
|
||||
|
|
@ -1431,8 +1458,8 @@ a {
|
|||
}
|
||||
|
||||
.wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:visited {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -1532,7 +1559,7 @@ a {
|
|||
}
|
||||
|
||||
.fse-template-part .main-navigation {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div {
|
||||
|
|
@ -1549,7 +1576,7 @@ a {
|
|||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--primary-hover);
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -1665,7 +1692,7 @@ a {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu {
|
||||
background: white;
|
||||
background: var(--wp--preset--color--background);
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
|
|
@ -1682,7 +1709,7 @@ a {
|
|||
}
|
||||
|
||||
.fse-template-part .main-navigation a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
display: block;
|
||||
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||
font-family: var(--font-base, "Source Sans Pro", Arial, sans-serif);
|
||||
|
|
@ -1697,11 +1724,11 @@ a {
|
|||
}
|
||||
|
||||
.fse-template-part .main-navigation a:link, .fse-template-part .main-navigation a:visited {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu {
|
||||
|
|
@ -1769,13 +1796,13 @@ a {
|
|||
|
||||
.fse-template-part .main-navigation .button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -1798,8 +1825,8 @@ a {
|
|||
}
|
||||
|
||||
.fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.button {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .main-menu.footer-menu li a {
|
||||
|
|
|
|||
|
|
@ -141,6 +141,33 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Add font-family using CSS variables.
|
||||
* It also adds the proper fallback for browsers without support.
|
||||
*/
|
||||
/**
|
||||
* Global variables
|
||||
*/
|
||||
:root {
|
||||
/* Colors */
|
||||
--wp--preset--color--primary: #404040;
|
||||
--wp--preset--color--primary-hover: #f25f70;
|
||||
--wp--preset--color--secondary: #f25f70;
|
||||
--wp--preset--color--secondary-hover: #4f4f4f;
|
||||
--wp--preset--color--foreground: #444444;
|
||||
--wp--preset--color--foreground-low-contrast: #767676;
|
||||
--wp--preset--color--foreground-high-contrast: #111111;
|
||||
--wp--preset--color--background: #FFFFFF;
|
||||
--wp--preset--color--background-low-contrast: #FFFFFF;
|
||||
--wp--preset--color--background-high-contrast: #DDDDDD;
|
||||
--wp--preset--color--border: #DDDDDD;
|
||||
--wp--preset--color--border-low-contrast: #FAFAFA;
|
||||
--wp--preset--color--border-high-contrast: #AAAAAA;
|
||||
--wp--preset--color--text-selection: #ffdce0;
|
||||
--wp--preset--color--alert-success: #8bc34a;
|
||||
--wp--preset--color--alert-info: #03a9f4;
|
||||
--wp--preset--color--alert-warning: #ffc107;
|
||||
--wp--preset--color--alert-error: #f25f70;
|
||||
--wp--preset--color--black: black;
|
||||
--wp--preset--color--white: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
|
|
@ -200,13 +227,13 @@ input[type="submit"],
|
|||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -250,8 +277,8 @@ input:focus[type="submit"],
|
|||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -670,20 +697,20 @@ html {
|
|||
body {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
text-align: right;
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
/**
|
||||
* Links styles
|
||||
*/
|
||||
a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
button,
|
||||
|
|
@ -707,12 +734,12 @@ a {
|
|||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -783,11 +810,11 @@ footer {
|
|||
}
|
||||
|
||||
::selection {
|
||||
background-color: #ffdce0;
|
||||
background-color: var(--wp--preset--color--text-selection);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: #ffdce0;
|
||||
background-color: var(--wp--preset--color--text-selection);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1070,8 +1097,8 @@ input[type="datetime"],
|
|||
input[type="datetime-local"],
|
||||
input[type="color"],
|
||||
textarea {
|
||||
color: black;
|
||||
border: 1px solid #DDDDDD;
|
||||
color: var(--wp--preset--color--black);
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 3px;
|
||||
padding: calc( 0.33 * 16px);
|
||||
}
|
||||
|
|
@ -1092,12 +1119,12 @@ input[type="datetime"]:focus,
|
|||
input[type="datetime-local"]:focus,
|
||||
input[type="color"]:focus,
|
||||
textarea:focus {
|
||||
color: black;
|
||||
border-color: #f25f70;
|
||||
color: var(--wp--preset--color--black);
|
||||
border-color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
select {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
|
@ -1112,7 +1139,7 @@ input[type=checkbox] + label {
|
|||
}
|
||||
|
||||
figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -1240,7 +1267,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
|
||||
|
|
@ -1250,7 +1277,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -1268,7 +1295,7 @@ object {
|
|||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-meta,
|
||||
.wp-block-newspack-blocks-homepage-articles article .cat-links {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1307,7 +1334,7 @@ object {
|
|||
.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 {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -1340,13 +1367,13 @@ input[type="submit"],
|
|||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -1390,8 +1417,8 @@ input:focus[type="submit"],
|
|||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1434,19 +1461,19 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline.wp-block-button__link:active,
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.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: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,
|
||||
|
|
@ -1455,14 +1482,14 @@ button[data-load-more-btn], .button {
|
|||
}
|
||||
|
||||
.wp-block-code {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
font-size: 0.83333rem;
|
||||
padding: 16px;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
.wp-block-code pre {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-columns {
|
||||
|
|
@ -1527,7 +1554,7 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
background-color: #444444;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
min-height: 480px;
|
||||
margin-top: inherit;
|
||||
margin-bottom: inherit;
|
||||
|
|
@ -1539,8 +1566,8 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-cover.has-background-dim,
|
||||
.wp-block-cover-image.has-background-dim {
|
||||
background-color: #444444;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
|
|
@ -1630,8 +1657,8 @@ button[data-load-more-btn], .button {
|
|||
}
|
||||
|
||||
.wp-block-file .wp-block-file__button {
|
||||
background-color: #f25f70;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
color: var(--wp--preset--color--background);
|
||||
font-size: 0.83333rem;
|
||||
margin-right: 16px;
|
||||
margin-left: 16px;
|
||||
|
|
@ -1645,7 +1672,7 @@ button[data-load-more-btn], .button {
|
|||
.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: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
opacity: .85;
|
||||
}
|
||||
|
||||
|
|
@ -1656,7 +1683,7 @@ button[data-load-more-btn], .button {
|
|||
.wp-block-gallery .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery .blocks-gallery-item figcaption {
|
||||
margin: 0;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
font-size: 0.69444rem;
|
||||
}
|
||||
|
||||
|
|
@ -1752,7 +1779,7 @@ h6, .h6 {
|
|||
}
|
||||
|
||||
.wp-block-image figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -1802,7 +1829,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1840,7 +1867,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
|
@ -2013,8 +2040,8 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list-item__featured span {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -2053,7 +2080,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__meta {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -2062,7 +2089,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
|
||||
|
|
@ -2074,11 +2101,11 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
border-top-width: 4px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-width: 4px;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote p {
|
||||
|
|
@ -2100,7 +2127,7 @@ p.has-background {
|
|||
.wp-block-pullquote .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote cite,
|
||||
.wp-block-pullquote footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2110,7 +2137,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
|
|
@ -2120,11 +2147,11 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color:not(.has-background) {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-right-color: #404040;
|
||||
border-right-color: var(--wp--preset--color--primary);
|
||||
margin: 32px 0;
|
||||
padding-right: 16px;
|
||||
/**
|
||||
|
|
@ -2156,7 +2183,7 @@ p.has-background {
|
|||
.wp-block-quote .wp-block-quote__citation,
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2183,7 +2210,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
|
||||
border-left-color: #404040;
|
||||
border-left-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
|
|
@ -2204,7 +2231,7 @@ p.has-background {
|
|||
.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 {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2217,14 +2244,14 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
border-bottom: 2px solid var(--wp--preset--color--border);
|
||||
clear: both;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
border-bottom: 2px solid var(--wp--preset--color--border);
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -2247,7 +2274,7 @@ hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator
|
|||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--border);
|
||||
font-size: 1.728rem;
|
||||
letter-spacing: 0.83333rem;
|
||||
padding-right: 0.83333rem;
|
||||
|
|
@ -2305,12 +2332,12 @@ table th,
|
|||
|
||||
table.is-style-stripes tbody tr:nth-child(odd),
|
||||
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
|
||||
background-color: #FAFAFA;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--border-low-contrast);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-video figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -2400,36 +2427,36 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
}
|
||||
|
||||
.has-primary-color {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-secondary-color {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.has-foreground-color {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-foreground-light-color {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-dark-color {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-light-color {
|
||||
color: #FFFFFF;
|
||||
color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-dark-color {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-background-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background p:not(.has-text-color),
|
||||
|
|
@ -2444,84 +2471,84 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
|
||||
.has-primary-background-color,
|
||||
.has-primary-background-color.has-background-dim {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-primary-background-color:not(.has-text-color),
|
||||
.has-primary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-secondary-background-color,
|
||||
.has-secondary-background-color.has-background-dim {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.has-secondary-background-color:not(.has-text-color),
|
||||
.has-secondary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
background-color: #444444;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color,
|
||||
.has-foreground-light-background-color.has-background-dim {
|
||||
background-color: #767676;
|
||||
background-color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color:not(.has-text-color),
|
||||
.has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color,
|
||||
.has-foreground-dark-background-color.has-background-dim {
|
||||
background-color: #111111;
|
||||
background-color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color:not(.has-text-color),
|
||||
.has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-light-background-color,
|
||||
.has-background-light-background-color.has-background-dim {
|
||||
background-color: #FFFFFF;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-light-background-color:not(.has-text-color),
|
||||
.has-background-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color,
|
||||
.has-background-dark-background-color.has-background-dim {
|
||||
background-color: #DDDDDD;
|
||||
background-color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color:not(.has-text-color),
|
||||
.has-background-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-background-color,
|
||||
.has-background-background-color.has-background-dim {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-background-color:not(.has-text-color),
|
||||
.has-background-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.is-small-text,
|
||||
|
|
@ -2692,11 +2719,11 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
* - Similar to Blocks but exist outside of the "current" editor context
|
||||
*/
|
||||
.site-branding {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.site-title {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
letter-spacing: normal;
|
||||
|
|
@ -2713,7 +2740,7 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
}
|
||||
|
||||
.site-title a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.site-description {
|
||||
|
|
@ -2731,7 +2758,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.main-navigation > div {
|
||||
|
|
@ -2748,7 +2775,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--primary-hover);
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -2864,7 +2891,7 @@ body:not(.fse-enabled) .site-description {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
background: white;
|
||||
background: var(--wp--preset--color--background);
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
||||
right: 0;
|
||||
top: 100%;
|
||||
|
|
@ -2881,7 +2908,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
display: block;
|
||||
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||
font-family: var(--font-base, "Source Sans Pro", Arial, sans-serif);
|
||||
|
|
@ -2896,11 +2923,11 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation a:link, .main-navigation a:visited {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.main-navigation a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
|
|
@ -2963,13 +2990,13 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.social-navigation a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
display: inline-block;
|
||||
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
|
||||
}
|
||||
|
||||
.social-navigation a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.social-navigation svg {
|
||||
|
|
@ -2991,7 +3018,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.site-info {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
|
|
@ -3019,7 +3046,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.site-info a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
|
|
@ -3041,7 +3068,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
|
@ -3079,7 +3106,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .footer-menu a {
|
||||
|
|
@ -3094,7 +3121,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
|
||||
.entry-meta,
|
||||
.entry-footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
clear: both;
|
||||
float: none;
|
||||
font-size: 0.83333rem;
|
||||
|
|
@ -3131,7 +3158,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
.entry-meta a:hover, .entry-meta a:active,
|
||||
.entry-footer a:hover,
|
||||
.entry-footer a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.entry-meta .svg-icon,
|
||||
|
|
@ -3332,13 +3359,13 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
* Comment Lists
|
||||
*/
|
||||
.comment-list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
padding-right: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.comment-list > li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -3349,7 +3376,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-list .children > li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -3396,7 +3423,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-meta .comment-metadata {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
|
|
@ -3411,7 +3438,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -3601,8 +3628,8 @@ img#wpstats {
|
|||
* - Page specific styles
|
||||
*/
|
||||
.sticky-post {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -3897,9 +3924,9 @@ body .widget_eu_cookie_law_widget.widget.top {
|
|||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law {
|
||||
background: white;
|
||||
border: 1px solid #DDDDDD;
|
||||
color: #444444;
|
||||
background: var(--wp--preset--color--background);
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
font-size: 0.83333rem;
|
||||
line-height: inherit;
|
||||
padding: 16px;
|
||||
|
|
@ -3912,18 +3939,18 @@ body .widget_eu_cookie_law_widget #eu-cookie-law {
|
|||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
|
||||
background: #444444;
|
||||
border-color: #111111;
|
||||
color: white;
|
||||
background: var(--wp--preset--color--foreground);
|
||||
border-color: var(--wp--preset--color--foreground-high-contrast);
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
|
||||
background: white;
|
||||
color: #444444;
|
||||
background: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus {
|
||||
background: #DDDDDD;
|
||||
background: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
|
|
@ -4070,7 +4097,7 @@ a {
|
|||
* 2. Header
|
||||
*/
|
||||
#masthead {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
@ -4092,11 +4119,11 @@ a {
|
|||
}
|
||||
|
||||
#masthead .social-navigation ul li a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
#masthead .social-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-title {
|
||||
|
|
@ -4116,7 +4143,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.site-content {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
}
|
||||
|
||||
#page .entry-header,
|
||||
|
|
@ -4137,7 +4164,7 @@ body:not(.fse-enabled) .site-description {
|
|||
* 4.1 Main Navigation
|
||||
*/
|
||||
body:not(.fse-enabled) #site-navigation, body:not(.fse-enabled) .main-navigation {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
|
|
@ -4154,16 +4181,16 @@ body:not(.fse-enabled) #site-navigation.main-navigation > div, body:not(.fse-ena
|
|||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -4173,14 +4200,14 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
|
|||
list-style-type: disc;
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
|
||||
color: #ffa4ad;
|
||||
|
|
@ -4197,19 +4224,19 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul, body:not(.fse-enabled) .main-navigation.main-navigation ul ul {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li.current-menu-item a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a::after {
|
||||
content: "";
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li:hover {
|
||||
background: #f2f2f2;
|
||||
|
|
@ -4259,11 +4286,11 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.wp-block-coblocks-column a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block-coblocks-column a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -4286,7 +4313,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
.wp-block-quote cite,
|
||||
.wp-block-quote[style*="text-align:center"] cite,
|
||||
.wp-block-quote[style*="text-align:right"] cite {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -4323,13 +4350,13 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
.wp-block-file a.wp-block-file__button {
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 2px;
|
||||
padding: 16px 16px;
|
||||
|
|
@ -4337,8 +4364,8 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.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: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -4380,7 +4407,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .more-link:active, .wp-block-newspack-blocks-homepage-articles article .more-link:focus, .wp-block-newspack-blocks-homepage-articles article .more-link:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .cat-links a,
|
||||
|
|
|
|||
|
|
@ -200,13 +200,13 @@ body[class*="woocommerce"] #page .woocommerce input.button,
|
|||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -310,8 +310,8 @@ body[class*="woocommerce"] #page .cart .has-focus.button,
|
|||
body[class*="woocommerce"] #page a.has-focus.added_to_cart,
|
||||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -322,8 +322,8 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.ha
|
|||
*/
|
||||
body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
|
||||
border-radius: 100%;
|
||||
background-color: #ffc107;
|
||||
color: #111111;
|
||||
background-color: var(--wp--preset--color--alert-warning);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 0.83333rem;
|
||||
font-weight: 700;
|
||||
font-family: "Oswald", sans-serif;
|
||||
|
|
@ -359,7 +359,7 @@ body[class*="woocommerce"] #page .woocommerce-breadcrumb {
|
|||
font-size: 1rem;
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
|
||||
|
|
@ -376,60 +376,60 @@ body[class*="woocommerce"] #page .woocommerce-error,
|
|||
body[class*="woocommerce"] #page .woocommerce-warning {
|
||||
padding: 16px 64px 16px 32px;
|
||||
margin-bottom: 32px;
|
||||
background-color: #FFFFFF;
|
||||
color: #111111;
|
||||
border-top-color: #404040;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
border-top-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--message,
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--info {
|
||||
color: #03a9f4;
|
||||
color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--success {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--error {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--warning {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-message,
|
||||
body[class*="woocommerce"] #page .woocommerce-info {
|
||||
border-top-color: #03a9f4;
|
||||
border-top-color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-message:before,
|
||||
body[class*="woocommerce"] #page .woocommerce-info:before {
|
||||
color: #03a9f4;
|
||||
color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-success {
|
||||
border-top-color: #8bc34a;
|
||||
border-top-color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-success:before {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-error {
|
||||
border-top-color: #f25f70;
|
||||
border-top-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-error:before {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-warning {
|
||||
border-top-color: #ffc107;
|
||||
border-top-color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-warning:before {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -446,22 +446,22 @@ body[class*="woocommerce"] #page .woocommerce-password-strength {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
|
||||
background-color: #8bc34a;
|
||||
background-color: var(--wp--preset--color--alert-success);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.good {
|
||||
background-color: #ffc107;
|
||||
background-color: var(--wp--preset--color--alert-warning);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.short {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--alert-error);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--alert-error);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
|
|
@ -481,7 +481,7 @@ body[class*="woocommerce"] #page a.remove {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page a.remove:hover {
|
||||
color: white !important;
|
||||
color: var(--wp--preset--color--background) !important;
|
||||
background: red;
|
||||
}
|
||||
|
||||
|
|
@ -489,7 +489,7 @@ body[class*="woocommerce"] #page a.remove:hover {
|
|||
* Small Note
|
||||
*/
|
||||
body[class*="woocommerce"] #page small.note {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
|
@ -498,17 +498,17 @@ body[class*="woocommerce"] #page small.note {
|
|||
* Star ratings
|
||||
*/
|
||||
body[class*="woocommerce"] #page .star-rating::before {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
content: "\53\53\53\53\53";
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .star-rating span {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page p.stars a {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -516,7 +516,7 @@ body[class*="woocommerce"] #page p.stars a {
|
|||
*/
|
||||
body[class*="woocommerce"] #page table.shop_table {
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 0;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -533,32 +533,32 @@ body[class*="woocommerce"] #page table.shop_table td {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_table tr {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_table tfoot td,
|
||||
body[class*="woocommerce"] #page table.shop_table tfoot th,
|
||||
body[class*="woocommerce"] #page table.shop_table tbody th {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
border-top-style: solid;
|
||||
margin-bottom: 32px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes th {
|
||||
padding: 8px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-style: solid;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes td {
|
||||
font-style: inherit;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-style: solid;
|
||||
line-height: 1.78;
|
||||
padding: 8px;
|
||||
|
|
@ -572,7 +572,7 @@ body[class*="woocommerce"] #page table.shop_attributes td p {
|
|||
|
||||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) td,
|
||||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) th {
|
||||
background: #FFFFFF;
|
||||
background: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.my_account_orders {
|
||||
|
|
@ -622,7 +622,7 @@ body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:h
|
|||
body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -667,17 +667,17 @@ body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:ho
|
|||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -720,7 +720,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_tot
|
|||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr th,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr td,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr th {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > h2,
|
||||
|
|
@ -732,7 +732,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-se
|
|||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -750,12 +750,12 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_tot
|
|||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
|
||||
|
|
@ -787,7 +787,7 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--primary-hover);
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -802,8 +802,8 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
|
|||
|
||||
@media only screen and (max-width: 559px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
|
||||
background-color: white;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -834,11 +834,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
|
@ -856,8 +856,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
background-color: white;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
max-width: 100%;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
|
@ -870,11 +870,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
|
||||
border-top: 1px solid #AAAAAA;
|
||||
border-top: 1px solid var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
|
||||
|
|
@ -897,8 +897,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
|
||||
clear: left;
|
||||
color: white;
|
||||
background-color: #f25f70;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -1000,7 +1000,7 @@ body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.c
|
|||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
|
||||
background: transparent;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
|
||||
|
|
@ -1061,7 +1061,7 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
#woocommerce-wrapper ul.products li.product .button,
|
||||
|
|
@ -1079,7 +1079,7 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
#woocommerce-wrapper ul.products li.product .price,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
|
@ -1104,13 +1104,13 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
#woocommerce-wrapper ul.products li.product.sale a > .price ins,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1128,8 +1128,8 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #DDDDDD;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
padding-right: 0;
|
||||
|
|
@ -1137,7 +1137,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
padding-top: 8px;
|
||||
|
|
@ -1145,42 +1145,42 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
|
||||
background-color: white;
|
||||
border-color: #DDDDDD;
|
||||
border-bottom-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-bottom-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
text-shadow: inherit;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
|
||||
box-shadow: -2px 2px 0 white;
|
||||
box-shadow: -2px 2px 0 var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
|
||||
box-shadow: 2px 2px 0 white;
|
||||
box-shadow: 2px 2px 0 var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
|
||||
box-shadow: -2px 2px 0 #FFFFFF;
|
||||
box-shadow: -2px 2px 0 var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||||
box-shadow: 2px 2px 0 #FFFFFF;
|
||||
box-shadow: 2px 2px 0 var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs .panel {
|
||||
|
|
@ -1205,7 +1205,7 @@ body[class*="woocommerce"] #page {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews h2 small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
margin: inherit;
|
||||
}
|
||||
|
|
@ -1223,7 +1223,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1232,7 +1232,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar
|
|||
width: 48px;
|
||||
height: auto;
|
||||
background: transparent;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -1244,7 +1244,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommer
|
|||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
|
||||
margin-right: 64px;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 4px;
|
||||
padding: 1em 1em 0;
|
||||
}
|
||||
|
|
@ -1267,7 +1267,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 4px;
|
||||
padding: 1em 1em 0;
|
||||
margin: 20px 50px 0 0;
|
||||
|
|
@ -1282,8 +1282,8 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
*/
|
||||
body[class*="woocommerce"] .woocommerce-store-notice,
|
||||
body[class*="woocommerce"] p.demo_store {
|
||||
background-color: #404040;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
color: var(--wp--preset--color--background);
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
|
|
@ -1588,7 +1588,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
|
|||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
|
||||
|
|
@ -1606,7 +1606,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.em
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
|
||||
border-left: 1px solid #DDDDDD;
|
||||
border-left: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
|
||||
|
|
@ -1628,7 +1628,7 @@ body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_cou
|
|||
body[class*="woocommerce"] #page form.checkout_coupon,
|
||||
body[class*="woocommerce"] #page form.login,
|
||||
body[class*="woocommerce"] #page form.register {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
padding: 16px;
|
||||
margin-top: inherit;
|
||||
margin-bottom: inherit;
|
||||
|
|
@ -1642,7 +1642,7 @@ body[class*="woocommerce"] #page ul.order_details {
|
|||
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details address {
|
||||
border-radius: 0;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-left-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
|
@ -1656,7 +1656,7 @@ body[class*="woocommerce"] #page #add_payment_method table.cart img {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #add_payment_method table.cart td.actions .coupon .input-text {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
padding: 8px;
|
||||
margin: 0 0 0 16px;
|
||||
}
|
||||
|
|
@ -1677,18 +1677,18 @@ body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-butto
|
|||
|
||||
body[class*="woocommerce"] #page .checkout .create-account small {
|
||||
font-size: 0.69444rem;
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment {
|
||||
background: transparent;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment ul.payment_methods {
|
||||
padding: 16px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment ul.payment_methods li {
|
||||
|
|
@ -1712,26 +1712,26 @@ body[class*="woocommerce"] #page #payment div.payment_box {
|
|||
font-weight: bold;
|
||||
border-radius: 0;
|
||||
line-height: 1.78;
|
||||
background-color: #DDDDDD;
|
||||
color: #111111;
|
||||
background-color: var(--wp--preset--color--background-low-contrast);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
|
||||
body[class*="woocommerce"] #page #payment div.payment_box textarea {
|
||||
border-color: #DDDDDD;
|
||||
border-top-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
|
||||
|
|
@ -1751,7 +1751,7 @@ body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-c
|
|||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box span.help {
|
||||
font-size: 0.83333rem;
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box .form-row {
|
||||
|
|
@ -1763,7 +1763,7 @@ body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box::before {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--background-low-contrast);
|
||||
/* arrow size / color */
|
||||
}
|
||||
|
||||
|
|
@ -1779,11 +1779,11 @@ body[class*="woocommerce"] #page #payment .payment_method_paypal img {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
||||
outline-color: #f25f70;
|
||||
outline-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .checkout h3 {
|
||||
|
|
@ -1794,11 +1794,11 @@ body[class*="woocommerce"] #page .checkout h3 {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
||||
outline-color: #f25f70;
|
||||
outline-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1832,7 +1832,7 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-not
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
padding: 16px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
|
@ -1893,24 +1893,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
|
||||
border-color: #FAFAFA;
|
||||
border-color: var(--wp--preset--color--border-low-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
|
||||
font-size: 1.2rem;
|
||||
background: white;
|
||||
background: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
|
||||
border-color: #AAAAAA;
|
||||
border-color: var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
|
||||
background-color: #AAAAAA;
|
||||
background-color: var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary {
|
||||
|
|
@ -1919,7 +1919,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.728rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
|
@ -1941,7 +1941,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1949,7 +1949,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary .stock {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
|
||||
|
|
@ -1971,7 +1971,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
|
|
@ -2067,7 +2067,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li img {
|
|||
|
||||
body[class*="woocommerce"] #page ul.cart_list li dl,
|
||||
body[class*="woocommerce"] #page ul.product_list_widget li dl {
|
||||
border-right-color: #DDDDDD;
|
||||
border-right-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page ul.cart_list li dl dt,
|
||||
|
|
@ -2083,11 +2083,11 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .total {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
padding: 16px 32px 16px 0;
|
||||
}
|
||||
|
||||
|
|
@ -2104,11 +2104,11 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#wo
|
|||
*/
|
||||
body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
|
||||
body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
|
||||
background-color: #767676;
|
||||
background-color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2154,6 +2154,6 @@ body[class*="woocommerce"] #page #site-navigation.main-navigation .woocommerce-c
|
|||
padding-left: 16px;
|
||||
}
|
||||
body[class*="woocommerce"] #page #site-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -200,13 +200,13 @@ body[class*="woocommerce"] #page .woocommerce input.button,
|
|||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -310,8 +310,8 @@ body[class*="woocommerce"] #page .cart .has-focus.button,
|
|||
body[class*="woocommerce"] #page a.has-focus.added_to_cart,
|
||||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -322,8 +322,8 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.ha
|
|||
*/
|
||||
body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
|
||||
border-radius: 100%;
|
||||
background-color: #ffc107;
|
||||
color: #111111;
|
||||
background-color: var(--wp--preset--color--alert-warning);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 0.83333rem;
|
||||
font-weight: 700;
|
||||
font-family: "Oswald", sans-serif;
|
||||
|
|
@ -359,7 +359,7 @@ body[class*="woocommerce"] #page .woocommerce-breadcrumb {
|
|||
font-size: 1rem;
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
|
||||
|
|
@ -376,60 +376,60 @@ body[class*="woocommerce"] #page .woocommerce-error,
|
|||
body[class*="woocommerce"] #page .woocommerce-warning {
|
||||
padding: 16px 32px 16px 64px;
|
||||
margin-bottom: 32px;
|
||||
background-color: #FFFFFF;
|
||||
color: #111111;
|
||||
border-top-color: #404040;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
border-top-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--message,
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--info {
|
||||
color: #03a9f4;
|
||||
color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--success {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--error {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-notice--warning {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-message,
|
||||
body[class*="woocommerce"] #page .woocommerce-info {
|
||||
border-top-color: #03a9f4;
|
||||
border-top-color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-message:before,
|
||||
body[class*="woocommerce"] #page .woocommerce-info:before {
|
||||
color: #03a9f4;
|
||||
color: var(--wp--preset--color--alert-info);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-success {
|
||||
border-top-color: #8bc34a;
|
||||
border-top-color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-success:before {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-error {
|
||||
border-top-color: #f25f70;
|
||||
border-top-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-error:before {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-warning {
|
||||
border-top-color: #ffc107;
|
||||
border-top-color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-warning:before {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -446,22 +446,22 @@ body[class*="woocommerce"] #page .woocommerce-password-strength {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
|
||||
background-color: #8bc34a;
|
||||
background-color: var(--wp--preset--color--alert-success);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.good {
|
||||
background-color: #ffc107;
|
||||
background-color: var(--wp--preset--color--alert-warning);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.short {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--alert-error);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--alert-error);
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
|
|
@ -481,7 +481,7 @@ body[class*="woocommerce"] #page a.remove {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page a.remove:hover {
|
||||
color: white !important;
|
||||
color: var(--wp--preset--color--background) !important;
|
||||
background: red;
|
||||
}
|
||||
|
||||
|
|
@ -489,7 +489,7 @@ body[class*="woocommerce"] #page a.remove:hover {
|
|||
* Small Note
|
||||
*/
|
||||
body[class*="woocommerce"] #page small.note {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
|
@ -498,17 +498,17 @@ body[class*="woocommerce"] #page small.note {
|
|||
* Star ratings
|
||||
*/
|
||||
body[class*="woocommerce"] #page .star-rating::before {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
content: "\53\53\53\53\53";
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .star-rating span {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page p.stars a {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -516,7 +516,7 @@ body[class*="woocommerce"] #page p.stars a {
|
|||
*/
|
||||
body[class*="woocommerce"] #page table.shop_table {
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 0;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -533,32 +533,32 @@ body[class*="woocommerce"] #page table.shop_table td {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_table tr {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_table tfoot td,
|
||||
body[class*="woocommerce"] #page table.shop_table tfoot th,
|
||||
body[class*="woocommerce"] #page table.shop_table tbody th {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
border-top-style: solid;
|
||||
margin-bottom: 32px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes th {
|
||||
padding: 8px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-style: solid;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.shop_attributes td {
|
||||
font-style: inherit;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-style: solid;
|
||||
line-height: 1.78;
|
||||
padding: 8px;
|
||||
|
|
@ -572,7 +572,7 @@ body[class*="woocommerce"] #page table.shop_attributes td p {
|
|||
|
||||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) td,
|
||||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) th {
|
||||
background: #FFFFFF;
|
||||
background: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page table.my_account_orders {
|
||||
|
|
@ -622,7 +622,7 @@ body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:h
|
|||
body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -667,17 +667,17 @@ body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:ho
|
|||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
#content .wc-block-grid .wc-block-grid__product-price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -720,7 +720,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_tot
|
|||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr th,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr td,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr th {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > h2,
|
||||
|
|
@ -732,7 +732,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-se
|
|||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -750,12 +750,12 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_tot
|
|||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
|
||||
|
|
@ -787,7 +787,7 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--primary-hover);
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -802,8 +802,8 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
|
|||
|
||||
@media only screen and (max-width: 559px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
|
||||
background-color: white;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -834,11 +834,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
|
@ -856,8 +856,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
background-color: white;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
max-width: 100%;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
|
@ -870,11 +870,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
|
||||
border-top: 1px solid #AAAAAA;
|
||||
border-top: 1px solid var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
|
||||
|
|
@ -897,8 +897,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
|
||||
clear: right;
|
||||
color: white;
|
||||
background-color: #f25f70;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
margin: 0;
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -1000,7 +1000,7 @@ body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.c
|
|||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
|
||||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
|
||||
background: transparent;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
|
||||
|
|
@ -1061,7 +1061,7 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
#woocommerce-wrapper ul.products li.product .button,
|
||||
|
|
@ -1079,7 +1079,7 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
#woocommerce-wrapper ul.products li.product .price,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
|
@ -1104,13 +1104,13 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
|
|||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
#woocommerce-wrapper ul.products li.product.sale a > .price ins,
|
||||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
|
||||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1128,8 +1128,8 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #DDDDDD;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
padding-left: 0;
|
||||
|
|
@ -1137,7 +1137,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-top: 8px;
|
||||
|
|
@ -1145,42 +1145,42 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
|
||||
background-color: white;
|
||||
border-color: #DDDDDD;
|
||||
border-bottom-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-bottom-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
text-shadow: inherit;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
|
||||
box-shadow: 2px 2px 0 white;
|
||||
box-shadow: 2px 2px 0 var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
|
||||
box-shadow: -2px 2px 0 white;
|
||||
box-shadow: -2px 2px 0 var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
|
||||
box-shadow: 2px 2px 0 #FFFFFF;
|
||||
box-shadow: 2px 2px 0 var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||||
box-shadow: -2px 2px 0 #FFFFFF;
|
||||
box-shadow: -2px 2px 0 var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-tabs .panel {
|
||||
|
|
@ -1205,7 +1205,7 @@ body[class*="woocommerce"] #page {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews h2 small {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
margin: inherit;
|
||||
}
|
||||
|
|
@ -1223,7 +1223,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1232,7 +1232,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar
|
|||
width: 48px;
|
||||
height: auto;
|
||||
background: transparent;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -1244,7 +1244,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommer
|
|||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
|
||||
margin-left: 64px;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 4px;
|
||||
padding: 1em 1em 0;
|
||||
}
|
||||
|
|
@ -1267,7 +1267,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 4px;
|
||||
padding: 1em 1em 0;
|
||||
margin: 20px 0 0 50px;
|
||||
|
|
@ -1282,8 +1282,8 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
*/
|
||||
body[class*="woocommerce"] .woocommerce-store-notice,
|
||||
body[class*="woocommerce"] p.demo_store {
|
||||
background-color: #404040;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
color: var(--wp--preset--color--background);
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
|
|
@ -1588,7 +1588,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
|
|||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
|
||||
|
|
@ -1606,7 +1606,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.em
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
|
||||
border-right: 1px solid #DDDDDD;
|
||||
border-right: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
|
||||
|
|
@ -1628,7 +1628,7 @@ body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_cou
|
|||
body[class*="woocommerce"] #page form.checkout_coupon,
|
||||
body[class*="woocommerce"] #page form.login,
|
||||
body[class*="woocommerce"] #page form.register {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
padding: 16px;
|
||||
margin-top: inherit;
|
||||
margin-bottom: inherit;
|
||||
|
|
@ -1642,7 +1642,7 @@ body[class*="woocommerce"] #page ul.order_details {
|
|||
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details address {
|
||||
border-radius: 0;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
|
@ -1656,7 +1656,7 @@ body[class*="woocommerce"] #page #add_payment_method table.cart img {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #add_payment_method table.cart td.actions .coupon .input-text {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
padding: 8px;
|
||||
margin: 0 16px 0 0;
|
||||
}
|
||||
|
|
@ -1677,18 +1677,18 @@ body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-butto
|
|||
|
||||
body[class*="woocommerce"] #page .checkout .create-account small {
|
||||
font-size: 0.69444rem;
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment {
|
||||
background: transparent;
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment ul.payment_methods {
|
||||
padding: 16px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment ul.payment_methods li {
|
||||
|
|
@ -1712,26 +1712,26 @@ body[class*="woocommerce"] #page #payment div.payment_box {
|
|||
font-weight: bold;
|
||||
border-radius: 0;
|
||||
line-height: 1.78;
|
||||
background-color: #DDDDDD;
|
||||
color: #111111;
|
||||
background-color: var(--wp--preset--color--background-low-contrast);
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
|
||||
body[class*="woocommerce"] #page #payment div.payment_box textarea {
|
||||
border-color: #DDDDDD;
|
||||
border-top-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
|
||||
|
|
@ -1751,7 +1751,7 @@ body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-c
|
|||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box span.help {
|
||||
font-size: 0.83333rem;
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box .form-row {
|
||||
|
|
@ -1763,7 +1763,7 @@ body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page #payment div.payment_box::before {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--background-low-contrast);
|
||||
/* arrow size / color */
|
||||
}
|
||||
|
||||
|
|
@ -1779,11 +1779,11 @@ body[class*="woocommerce"] #page #payment .payment_method_paypal img {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
||||
outline-color: #f25f70;
|
||||
outline-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .checkout h3 {
|
||||
|
|
@ -1794,11 +1794,11 @@ body[class*="woocommerce"] #page .checkout h3 {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
||||
outline-color: #f25f70;
|
||||
outline-color: var(--wp--preset--color--alert-error);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1832,7 +1832,7 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-not
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
padding: 16px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
|
@ -1893,24 +1893,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
|
||||
border-color: #FAFAFA;
|
||||
border-color: var(--wp--preset--color--border-low-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
|
||||
font-size: 1.2rem;
|
||||
background: white;
|
||||
background: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
|
||||
border-color: #AAAAAA;
|
||||
border-color: var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
|
||||
background-color: #AAAAAA;
|
||||
background-color: var(--wp--preset--color--border-high-contrast);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary {
|
||||
|
|
@ -1919,7 +1919,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
font-size: 1.728rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
|
@ -1941,7 +1941,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: #ffc107;
|
||||
color: var(--wp--preset--color--alert-warning);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1949,7 +1949,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary .stock {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
|
||||
|
|
@ -1971,7 +1971,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
|
||||
color: #8bc34a;
|
||||
color: var(--wp--preset--color--alert-success);
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
|
|
@ -2067,7 +2067,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li img {
|
|||
|
||||
body[class*="woocommerce"] #page ul.cart_list li dl,
|
||||
body[class*="woocommerce"] #page ul.product_list_widget li dl {
|
||||
border-left-color: #DDDDDD;
|
||||
border-left-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page ul.cart_list li dl dt,
|
||||
|
|
@ -2083,11 +2083,11 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .total {
|
|||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
padding: 16px 0 16px 32px;
|
||||
}
|
||||
|
||||
|
|
@ -2104,11 +2104,11 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#wo
|
|||
*/
|
||||
body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
|
||||
body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
|
||||
background-color: #767676;
|
||||
background-color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2154,6 +2154,6 @@ body[class*="woocommerce"] #page #site-navigation.main-navigation .woocommerce-c
|
|||
padding-right: 16px;
|
||||
}
|
||||
body[class*="woocommerce"] #page #site-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
311
stow/style.css
311
stow/style.css
|
|
@ -141,6 +141,33 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Add font-family using CSS variables.
|
||||
* It also adds the proper fallback for browsers without support.
|
||||
*/
|
||||
/**
|
||||
* Global variables
|
||||
*/
|
||||
:root {
|
||||
/* Colors */
|
||||
--wp--preset--color--primary: #404040;
|
||||
--wp--preset--color--primary-hover: #f25f70;
|
||||
--wp--preset--color--secondary: #f25f70;
|
||||
--wp--preset--color--secondary-hover: #4f4f4f;
|
||||
--wp--preset--color--foreground: #444444;
|
||||
--wp--preset--color--foreground-low-contrast: #767676;
|
||||
--wp--preset--color--foreground-high-contrast: #111111;
|
||||
--wp--preset--color--background: #FFFFFF;
|
||||
--wp--preset--color--background-low-contrast: #FFFFFF;
|
||||
--wp--preset--color--background-high-contrast: #DDDDDD;
|
||||
--wp--preset--color--border: #DDDDDD;
|
||||
--wp--preset--color--border-low-contrast: #FAFAFA;
|
||||
--wp--preset--color--border-high-contrast: #AAAAAA;
|
||||
--wp--preset--color--text-selection: #ffdce0;
|
||||
--wp--preset--color--alert-success: #8bc34a;
|
||||
--wp--preset--color--alert-info: #03a9f4;
|
||||
--wp--preset--color--alert-warning: #ffc107;
|
||||
--wp--preset--color--alert-error: #f25f70;
|
||||
--wp--preset--color--black: black;
|
||||
--wp--preset--color--white: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
|
|
@ -200,13 +227,13 @@ input[type="submit"],
|
|||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -250,8 +277,8 @@ input:focus[type="submit"],
|
|||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -670,20 +697,20 @@ html {
|
|||
body {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
text-align: left;
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
/**
|
||||
* Links styles
|
||||
*/
|
||||
a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
button,
|
||||
|
|
@ -707,12 +734,12 @@ a {
|
|||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -783,11 +810,11 @@ footer {
|
|||
}
|
||||
|
||||
::selection {
|
||||
background-color: #ffdce0;
|
||||
background-color: var(--wp--preset--color--text-selection);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: #ffdce0;
|
||||
background-color: var(--wp--preset--color--text-selection);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1070,8 +1097,8 @@ input[type="datetime"],
|
|||
input[type="datetime-local"],
|
||||
input[type="color"],
|
||||
textarea {
|
||||
color: black;
|
||||
border: 1px solid #DDDDDD;
|
||||
color: var(--wp--preset--color--black);
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
border-radius: 3px;
|
||||
padding: calc( 0.33 * 16px);
|
||||
}
|
||||
|
|
@ -1092,12 +1119,12 @@ input[type="datetime"]:focus,
|
|||
input[type="datetime-local"]:focus,
|
||||
input[type="color"]:focus,
|
||||
textarea:focus {
|
||||
color: black;
|
||||
border-color: #f25f70;
|
||||
color: var(--wp--preset--color--black);
|
||||
border-color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
select {
|
||||
border: 1px solid #DDDDDD;
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
|
@ -1112,7 +1139,7 @@ input[type=checkbox] + label {
|
|||
}
|
||||
|
||||
figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -1240,7 +1267,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
|
||||
|
|
@ -1250,7 +1277,7 @@ object {
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -1268,7 +1295,7 @@ object {
|
|||
|
||||
.wp-block-newspack-blocks-homepage-articles article .entry-meta,
|
||||
.wp-block-newspack-blocks-homepage-articles article .cat-links {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1307,7 +1334,7 @@ object {
|
|||
.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 {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -1340,13 +1367,13 @@ input[type="submit"],
|
|||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
text-decoration: none;
|
||||
|
|
@ -1390,8 +1417,8 @@ input:focus[type="submit"],
|
|||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1434,19 +1461,19 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline.wp-block-button__link:active,
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.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: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,
|
||||
|
|
@ -1455,14 +1482,14 @@ button[data-load-more-btn], .button {
|
|||
}
|
||||
|
||||
.wp-block-code {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
font-size: 0.83333rem;
|
||||
padding: 16px;
|
||||
border-color: #DDDDDD;
|
||||
border-color: var(--wp--preset--color--border);
|
||||
}
|
||||
|
||||
.wp-block-code pre {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-columns {
|
||||
|
|
@ -1527,7 +1554,7 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
background-color: #444444;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
min-height: 480px;
|
||||
margin-top: inherit;
|
||||
margin-bottom: inherit;
|
||||
|
|
@ -1539,8 +1566,8 @@ button[data-load-more-btn], .button {
|
|||
|
||||
.wp-block-cover.has-background-dim,
|
||||
.wp-block-cover-image.has-background-dim {
|
||||
background-color: #444444;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
|
|
@ -1630,8 +1657,8 @@ button[data-load-more-btn], .button {
|
|||
}
|
||||
|
||||
.wp-block-file .wp-block-file__button {
|
||||
background-color: #f25f70;
|
||||
color: white;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
color: var(--wp--preset--color--background);
|
||||
font-size: 0.83333rem;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
|
|
@ -1645,7 +1672,7 @@ button[data-load-more-btn], .button {
|
|||
.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: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
opacity: .85;
|
||||
}
|
||||
|
||||
|
|
@ -1656,7 +1683,7 @@ button[data-load-more-btn], .button {
|
|||
.wp-block-gallery .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery .blocks-gallery-item figcaption {
|
||||
margin: 0;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
font-size: 0.69444rem;
|
||||
}
|
||||
|
||||
|
|
@ -1752,7 +1779,7 @@ h6, .h6 {
|
|||
}
|
||||
|
||||
.wp-block-image figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -1802,7 +1829,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -1840,7 +1867,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
|
@ -2013,8 +2040,8 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list-item__featured span {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -2053,7 +2080,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__meta {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
|
|
@ -2062,7 +2089,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
|
||||
|
|
@ -2074,11 +2101,11 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top-color: #DDDDDD;
|
||||
border-top-color: var(--wp--preset--color--border);
|
||||
border-top-width: 4px;
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-color: var(--wp--preset--color--border);
|
||||
border-bottom-width: 4px;
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote p {
|
||||
|
|
@ -2100,7 +2127,7 @@ p.has-background {
|
|||
.wp-block-pullquote .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote cite,
|
||||
.wp-block-pullquote footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2110,7 +2137,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
|
|
@ -2120,11 +2147,11 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color:not(.has-background) {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-left-color: #404040;
|
||||
border-left-color: var(--wp--preset--color--primary);
|
||||
margin: 32px 0;
|
||||
padding-left: 16px;
|
||||
/**
|
||||
|
|
@ -2156,7 +2183,7 @@ p.has-background {
|
|||
.wp-block-quote .wp-block-quote__citation,
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2183,7 +2210,7 @@ p.has-background {
|
|||
}
|
||||
|
||||
.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
|
||||
border-right-color: #404040;
|
||||
border-right-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
|
|
@ -2204,7 +2231,7 @@ p.has-background {
|
|||
.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 {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
|
@ -2217,14 +2244,14 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
border-bottom: 2px solid var(--wp--preset--color--border);
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
border-bottom: 2px solid var(--wp--preset--color--border);
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -2247,7 +2274,7 @@ hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator
|
|||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--border);
|
||||
font-size: 1.728rem;
|
||||
letter-spacing: 0.83333rem;
|
||||
padding-left: 0.83333rem;
|
||||
|
|
@ -2305,12 +2332,12 @@ table th,
|
|||
|
||||
table.is-style-stripes tbody tr:nth-child(odd),
|
||||
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
|
||||
background-color: #FAFAFA;
|
||||
color: #444444;
|
||||
background-color: var(--wp--preset--color--border-low-contrast);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.wp-block-video figcaption {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -2407,36 +2434,36 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
}
|
||||
|
||||
.has-primary-color {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-secondary-color {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.has-foreground-color {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-foreground-light-color {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-dark-color {
|
||||
color: #111111;
|
||||
color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-light-color {
|
||||
color: #FFFFFF;
|
||||
color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-dark-color {
|
||||
color: #DDDDDD;
|
||||
color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-background-color {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background p:not(.has-text-color),
|
||||
|
|
@ -2451,84 +2478,84 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
|
||||
.has-primary-background-color,
|
||||
.has-primary-background-color.has-background-dim {
|
||||
background-color: #404040;
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.has-primary-background-color:not(.has-text-color),
|
||||
.has-primary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-secondary-background-color,
|
||||
.has-secondary-background-color.has-background-dim {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.has-secondary-background-color:not(.has-text-color),
|
||||
.has-secondary-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
background-color: #444444;
|
||||
background-color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dim,
|
||||
.has-foreground-background-color,
|
||||
.has-foreground-background-color.has-background-dim {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color,
|
||||
.has-foreground-light-background-color.has-background-dim {
|
||||
background-color: #767676;
|
||||
background-color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color:not(.has-text-color),
|
||||
.has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color,
|
||||
.has-foreground-dark-background-color.has-background-dim {
|
||||
background-color: #111111;
|
||||
background-color: var(--wp--preset--color--foreground-high-contrast);
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color:not(.has-text-color),
|
||||
.has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-light-background-color,
|
||||
.has-background-light-background-color.has-background-dim {
|
||||
background-color: #FFFFFF;
|
||||
background-color: var(--wp--preset--color--background-high-contrast);
|
||||
}
|
||||
|
||||
.has-background-light-background-color:not(.has-text-color),
|
||||
.has-background-light-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color,
|
||||
.has-background-dark-background-color.has-background-dim {
|
||||
background-color: #DDDDDD;
|
||||
background-color: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
.has-background-dark-background-color:not(.has-text-color),
|
||||
.has-background-dark-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.has-background-background-color,
|
||||
.has-background-background-color.has-background-dim {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
.has-background-background-color:not(.has-text-color),
|
||||
.has-background-background-color.has-background-dim:not(.has-text-color) {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.is-small-text,
|
||||
|
|
@ -2711,11 +2738,11 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
* - Similar to Blocks but exist outside of the "current" editor context
|
||||
*/
|
||||
.site-branding {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
}
|
||||
|
||||
.site-title {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
letter-spacing: normal;
|
||||
|
|
@ -2732,7 +2759,7 @@ table.is-style-stripes tbody tr:nth-child(odd),
|
|||
}
|
||||
|
||||
.site-title a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.site-description {
|
||||
|
|
@ -2750,7 +2777,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
.main-navigation > div {
|
||||
|
|
@ -2767,7 +2794,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--primary-hover);
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -2883,7 +2910,7 @@ body:not(.fse-enabled) .site-description {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
background: white;
|
||||
background: var(--wp--preset--color--background);
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
|
|
@ -2900,7 +2927,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
display: block;
|
||||
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||
font-family: var(--font-base, "Source Sans Pro", Arial, sans-serif);
|
||||
|
|
@ -2915,11 +2942,11 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.main-navigation a:link, .main-navigation a:visited {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
}
|
||||
|
||||
.main-navigation a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
|
|
@ -2982,13 +3009,13 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.social-navigation a {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
display: inline-block;
|
||||
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
|
||||
}
|
||||
|
||||
.social-navigation a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.social-navigation svg {
|
||||
|
|
@ -3010,7 +3037,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.site-info {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
|
|
@ -3038,7 +3065,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.site-info a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
|
|
@ -3060,7 +3087,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
color: #404040;
|
||||
color: var(--wp--preset--color--primary);
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -3098,7 +3125,7 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .footer-menu a {
|
||||
|
|
@ -3113,7 +3140,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
|
||||
.entry-meta,
|
||||
.entry-footer {
|
||||
color: #767676;
|
||||
color: var(--wp--preset--color--foreground-low-contrast);
|
||||
clear: both;
|
||||
float: none;
|
||||
font-size: 0.83333rem;
|
||||
|
|
@ -3150,7 +3177,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
.entry-meta a:hover, .entry-meta a:active,
|
||||
.entry-footer a:hover,
|
||||
.entry-footer a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.entry-meta .svg-icon,
|
||||
|
|
@ -3351,13 +3378,13 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
* Comment Lists
|
||||
*/
|
||||
.comment-list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-bottom: 1px solid var(--wp--preset--color--border);
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.comment-list > li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -3368,7 +3395,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-list .children > li {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
border-top: 1px solid var(--wp--preset--color--border);
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -3415,7 +3442,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-meta .comment-metadata {
|
||||
color: #444444;
|
||||
color: var(--wp--preset--color--foreground);
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
|
|
@ -3430,7 +3457,7 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
|
||||
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -3620,8 +3647,8 @@ img#wpstats {
|
|||
* - Page specific styles
|
||||
*/
|
||||
.sticky-post {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--primary);
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-family: var(--font-headings, "Oswald", sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -3926,9 +3953,9 @@ body .widget_eu_cookie_law_widget.widget.top {
|
|||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law {
|
||||
background: white;
|
||||
border: 1px solid #DDDDDD;
|
||||
color: #444444;
|
||||
background: var(--wp--preset--color--background);
|
||||
border: 1px solid var(--wp--preset--color--border);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
font-size: 0.83333rem;
|
||||
line-height: inherit;
|
||||
padding: 16px;
|
||||
|
|
@ -3941,18 +3968,18 @@ body .widget_eu_cookie_law_widget #eu-cookie-law {
|
|||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
|
||||
background: #444444;
|
||||
border-color: #111111;
|
||||
color: white;
|
||||
background: var(--wp--preset--color--foreground);
|
||||
border-color: var(--wp--preset--color--foreground-high-contrast);
|
||||
color: var(--wp--preset--color--background);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
|
||||
background: white;
|
||||
color: #444444;
|
||||
background: var(--wp--preset--color--background);
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus {
|
||||
background: #DDDDDD;
|
||||
background: var(--wp--preset--color--background-low-contrast);
|
||||
}
|
||||
|
||||
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
|
|
@ -4099,7 +4126,7 @@ a {
|
|||
* 2. Header
|
||||
*/
|
||||
#masthead {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
@ -4121,11 +4148,11 @@ a {
|
|||
}
|
||||
|
||||
#masthead .social-navigation ul li a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
#masthead .social-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-title {
|
||||
|
|
@ -4145,7 +4172,7 @@ body:not(.fse-enabled) .site-description {
|
|||
}
|
||||
|
||||
.site-content {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
}
|
||||
|
||||
#page .entry-header,
|
||||
|
|
@ -4166,7 +4193,7 @@ body:not(.fse-enabled) .site-description {
|
|||
* 4.1 Main Navigation
|
||||
*/
|
||||
body:not(.fse-enabled) #site-navigation, body:not(.fse-enabled) .main-navigation {
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
|
@ -4183,16 +4210,16 @@ body:not(.fse-enabled) #site-navigation.main-navigation > div, body:not(.fse-ena
|
|||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -4202,14 +4229,14 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
|
|||
list-style-type: disc;
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
|
||||
color: white;
|
||||
color: var(--wp--preset--color--white);
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
|
||||
color: #ffa4ad;
|
||||
|
|
@ -4226,19 +4253,19 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul, body:not(.fse-enabled) .main-navigation.main-navigation ul ul {
|
||||
background-color: white;
|
||||
background-color: var(--wp--preset--color--white);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li.current-menu-item a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a::after {
|
||||
content: "";
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
body:not(.fse-enabled) #site-navigation.main-navigation ul ul li:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li:hover {
|
||||
background: #f2f2f2;
|
||||
|
|
@ -4288,11 +4315,11 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.wp-block-coblocks-column a {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
.wp-block-coblocks-column a:hover {
|
||||
color: #4f4f4f;
|
||||
color: var(--wp--preset--color--secondary-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -4315,7 +4342,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
.wp-block-quote cite,
|
||||
.wp-block-quote[style*="text-align:center"] cite,
|
||||
.wp-block-quote[style*="text-align:right"] cite {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--secondary);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -4352,13 +4379,13 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
.wp-block-file a.wp-block-file__button {
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
color: var(--wp--preset--color--background);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.69444rem;
|
||||
background-color: #f25f70;
|
||||
background-color: var(--wp--preset--color--secondary);
|
||||
border-radius: 9px;
|
||||
border-width: 2px;
|
||||
padding: 16px 16px;
|
||||
|
|
@ -4366,8 +4393,8 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.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: white;
|
||||
background-color: #4f4f4f;
|
||||
color: var(--wp--preset--color--background);
|
||||
background-color: var(--wp--preset--color--secondary-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -4409,7 +4436,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation #toggle-menu, body:not(.
|
|||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .more-link:active, .wp-block-newspack-blocks-homepage-articles article .more-link:focus, .wp-block-newspack-blocks-homepage-articles article .more-link:hover {
|
||||
color: #f25f70;
|
||||
color: var(--wp--preset--color--primary-hover);
|
||||
}
|
||||
|
||||
.wp-block-newspack-blocks-homepage-articles article .cat-links a,
|
||||
|
|
|
|||
Loading…
Reference in a new issue