123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- /**
- * 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";
|