// stylelint-disable custom-property-pattern, csstools/value-no-unknown-custom-properties
// Alignment classes for blocks

// Classic themes need to define alignment styles themselves.
// Block themes use .is-layout-constrained which is auto-generated by WordPress.

// Reference: Twenty Twenty theme alignment implementation
// @link https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-content/themes/twentytwenty/style.css

// WordPress enables align-wide support via add_theme_support( 'align-wide' )
// in theme-setup.php, but classic themes must provide the CSS for how
// alignwide/alignfull should behave.

// These values use CSS custom properties from theme.json:
// - var(--wp--style--global--wide-size) = 1440px (wideSize in theme.json)
.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--wide-size);
  width: 100%;
}

.alignfull {
  max-width: none;
  width: 100vw;
}