125 lines
2.3 KiB
SCSS
125 lines
2.3 KiB
SCSS
/**
|
|
* These styles should be loaded by the Block Editor only
|
|
*/
|
|
|
|
/**
|
|
* Abstracts
|
|
* - Mixins, variables and functions
|
|
*/
|
|
@import "../../varia/sass/abstracts/imports";
|
|
|
|
/**
|
|
* Child Theme Name
|
|
*/
|
|
@import "config-child-theme-deep";
|
|
|
|
/**
|
|
* Base
|
|
* - Reset the browser
|
|
*/
|
|
@import "../../varia/sass/base/editor";
|
|
|
|
/**
|
|
* Elements
|
|
* - Styles for basic HTML elemants
|
|
*/
|
|
@import "../../varia/sass/elements/editor";
|
|
|
|
/**
|
|
* Blocks
|
|
* - These styles replace key Gutenberg Block styles for fonts, colors, and
|
|
* spacing with CSS-variables overrides
|
|
*/
|
|
@import "../../varia/sass/blocks/editor";
|
|
|
|
/**
|
|
* Extras
|
|
*/
|
|
.editor-post-title__input {
|
|
text-align: center;
|
|
}
|
|
|
|
// Cover
|
|
$font_size_xxxxl: map-deep-get($config-global, "font", "size", "xxxxl");
|
|
$font_size_xxxl: map-deep-get($config-global, "font", "size", "xxxl");
|
|
$font_size_xxl: map-deep-get($config-global, "font", "size", "xxl");
|
|
$font_size_xl: map-deep-get($config-global, "font", "size", "xl");
|
|
$font_size_lg: map-deep-get($config-global, "font", "size", "lg");
|
|
$font_size_md: map-deep-get($config-global, "font", "size", "md");
|
|
|
|
.wp-block-cover,
|
|
.wp-block-cover-image {
|
|
h1 {
|
|
font-size: (strip-unit( $font_size_xxxxl ) + 0em);
|
|
}
|
|
|
|
h2 {
|
|
font-size: (strip-unit( $font_size_xxxl ) + 0em);
|
|
}
|
|
|
|
h3 {
|
|
font-size: (strip-unit( $font_size_xxl ) + 0em);
|
|
}
|
|
|
|
h4 {
|
|
font-size: (strip-unit( $font_size_xl ) + 0em);
|
|
}
|
|
|
|
h5 {
|
|
font-size: (strip-unit( $font_size_lg ) + 0em);
|
|
}
|
|
|
|
h6 {
|
|
font-size: (strip-unit( $font_size_md ) + 0em);
|
|
}
|
|
|
|
@include media(mobile) {
|
|
min-height: 60vh;
|
|
}
|
|
|
|
@include media(laptop) {
|
|
min-height: 80vh;
|
|
}
|
|
}
|
|
|
|
.wp-block-a8c-blog-posts {
|
|
.entry-title a {
|
|
color: inherit;
|
|
}
|
|
|
|
.cat-links a,
|
|
.entry-title a:hover,
|
|
.entry-meta a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
&.image-alignbehind {
|
|
.cat-links a:hover,
|
|
.entry-title a:hover,
|
|
.entry-meta a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.has-background:not(.has-background-background-color),
|
|
[class*="background-color"]:not(.has-background-background-color),
|
|
[style*="background-color"] {
|
|
.wp-block-a8c-blog-posts {
|
|
.cat-links a:hover,
|
|
.entry-title a:hover,
|
|
.entry-meta a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.wp-block-a8c-blog-posts + .button {
|
|
font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0em);
|
|
}
|
|
|
|
/**
|
|
* Full Site Editing
|
|
* - Full Site Editing overrides
|
|
*/
|
|
@import "full-site-editing-editor";
|