themes-wordpress/redhill/sass/style-child-theme-editor.scss

112 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 Deep
*/
@import "config-child-theme-deep";
/**
* Base
* - Reset the browser
*/
@import "../../varia/sass/base/editor";
// Reset the font-family override on html to make editor fonts match front-end
html {
@include font-family( map-deep-get($config-global, "font", "family", "primary") );
}
// Set the correct font family/size for the title
.editor-post-title .editor-post-title__block .editor-post-title__input {
@include font-family( map-deep-get($config-global, "font", "family", "primary") );
font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
text-align: center;
}
/**
* 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";
/**
* Vendors
* - Styles for 3rd party plugins and WP extensions
*/
@import "../../varia/sass/vendors/editor";
.wp-block-a8c-blog-posts {
.entry-title {
@include font-family( map-deep-get($config-global, "font", "family", "primary") );
}
.entry-title a {
color: inherit;
&:active,
&:focus,
&:hover {
text-decoration: none;
color: #{map-deep-get($config-global, "color", "primary", "default")};
}
}
.cat-links,
.entry-meta {
@include font-family( map-deep-get($config-global, "font", "family", "secondary") );
}
.cat-links a,
.more-link,
.entry-meta a {
text-decoration: none;
&:active,
&:focus,
&:hover {
text-decoration: underline;
}
}
&.image-alignbehind article {
.entry-title a {
&:active,
&:focus,
&: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 {
.entry-title a{
&:active,
&:focus,
&:hover {
text-decoration: underline;
}
}
}
}
.wp-block-a8c-blog-posts + .button {
font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
}