themes-wordpress/seedlet-blocks/style.css

/*
Theme Name: Seedlet (Blocks)
Theme URI: https://github.com/Automattic/themes/seedlet-blocks
Author: Automattic
Author URI: https://automattic.com/
Description: A simple, text-driven, single-column block-based theme.
Requires at least: 4.9.6
Tested up to: 5.4.1
Requires PHP: 7.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Template: seedlet
Text Domain: seedlet-blocks
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

Seedlet Blocks WordPress Theme, (C) 2020 Automattic, Inc.
Seedlet Blocks is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
*/

/* Override Seedlet variables with values from experimental-theme.json.
   Doubling up on the :root selector is weird, but it just ensures these have higher specificity than everything else) */
:root:root {
	/* Font Size */
	--global--font-size-xs: var(--wp--preset--font-size--tiny);
	--global--font-size-sm: var(--wp--preset--font-size--small);
	--global--font-size-md: var(--wp--preset--font-size--medium);
	--global--font-size-lg: var(--wp--preset--font-size--large);
	--global--font-size-xl: var(--wp--preset--font-size--extra-large);
	--global--font-size-xxl: var(--wp--preset--font-size--huge);
	--global--font-size-xxxl: var(--wp--preset--font-size--gigantic);

	/* Colors */
	--global--color-background: var(--wp--preset--color--background);
	--global--color-foreground: var(--wp--preset--color--foreground);
	--global--color-primary: var(--wp--preset--color--primary);
	--global--color-secondary: var(--wp--preset--color--secondary);
	--global--color-tertiary: var(--wp--preset--color--tertiary);
}

/* Set up alignments */
.wp-block-group .wp-block-group__inner-container > * {
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > .alignwide {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > .alignfull {
	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
	width: calc(100% + (2 * var(--global--spacing-horizontal)));
	margin-left: calc(-1 * var(--global--spacing-horizontal));
	margin-right: auto;
}

/* Make sure full-width items in entry content show up as full-width. */
.wp-block-group.site-content .wp-block-group__inner-container .entry-content {
	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
	width: calc(100% + (2 * var(--global--spacing-horizontal)));
	margin-left: calc(-1 * var(--global--spacing-horizontal));
	margin-right: auto;
}