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

158 lines
4.1 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";
/**
* Vendors
* - Styles for 3rd party plugins and WP extensions
*/
@import "../../varia/sass/vendors/editor";
/**
* Extras
*/
$color_background: #{map-deep-get($config-global, "color", "background", "default")};
$color_background_light: #{map-deep-get($config-global, "color", "background", "light")};
$color_foreground: #{map-deep-get($config-global, "color", "foreground", "default")};
$color_primary: #{map-deep-get($config-global, "color", "primary", "default")};
$color_secondary: #{map-deep-get($config-global, "color", "secondary", "default")};
$color_primary_hover: #{map-deep-get($config-global, "color", "primary", "hover")};
$color_secondary_hover: #{map-deep-get($config-global, "color", "secondary", "hover")};
$spacing_horizontal: #{map-deep-get($config-global, "spacing", "horizontal")};
$spacing_vertical: #{map-deep-get($config-global, "spacing", "vertical")};
$font_size_xs: #{map-deep-get($config-global, "font", "size", "xs")};
$font_size_sm: #{map-deep-get($config-global, "font", "size", "sm")};
$font_size_md: #{map-deep-get($config-global, "font", "size", "md")};
$font_size_base: #{map-deep-get($config-global, "font", "size", "base")};
$font_size_lg: #{map-deep-get($config-global, "font", "size", "lg")};
$font_size_xl: #{map-deep-get($config-global, "font", "size", "xl")};
$font_family_primary: #{map-deep-get($config-global, "font", "family", "primary")};
$font_family_secondary: #{map-deep-get($config-global, "font", "family", "secondary")};
$font_family_code: #{map-deep-get($config-global, "font", "family", "code")};
$font_line_height_body: #{map-deep-get($config-global, "font", "line-height", "body")};
$button_line_height: #{map-deep-get($config-button, "font", "line-height")};
$button_font_weight: #{map-deep-get($config-button, "font", "weight")};
$button_font_family: #{map-deep-get($config-button, "font", "family")};
$button_font_size: #{map-deep-get($config-button, "font", "size")};
$button_spacing_vertical: #{map-deep-get($config-button, "padding", "vertical")};
$button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
$button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
$font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h4")};
.editor-post-title__input {
text-align: center;
}
/**
* 1. General Styles
*/
a {
text-decoration: none;
.wp-block-group &,
.wp-block-cover &,
.wp-block-cover-image &,
.wp-block-media-text &,
p:not(.site-title) & {
text-decoration: underline;
&.wp-block-button__link,
&:hover {
text-decoration: none;
}
}
}
.has-background {
a {
color: currentColor;
}
}
.wp-block-a8c-blog-posts {
.entry-title a {
&:active,
&:focus,
&:hover {
text-decoration: none;
}
}
.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{
text-decoration: none;
&:active,
&:focus,
&: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";