/**
 * 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
 */
html,
body {
	font-weight: 300;
}

.wp-block-a8c-blog-posts {
	.entry-title a:hover {
		text-decoration: none;
	}

	.more-link {
		text-decoration-color: map-deep-get($config-global, "color", "primary", "hover");
		&:hover {
			color: inherit;
		}
	}

	.entry-meta {
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: .1em;
	}
}

.wp-block-a8c-blog-posts + .button {
	border-radius: 0;
	font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0em);
	text-transform: uppercase;
}