_separator.scss 679 B

123456789101112131415
  1. .wp-block-separator {
  2. opacity: var(--wp--custom--separator--opacity); // Mirror controls that Gutenberg theme.css offers: https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/separator/theme.scss - See: https://github.com/WordPress/gutenberg/issues/34637
  3. &:not(.is-style-wide) {
  4. width: var(--wp--custom--separator--width); // See https://github.com/WordPress/gutenberg/issues/34638
  5. }
  6. &.is-style-dots {
  7. /*
  8. We can solve this using including the Gutenberg block styles with: add_theme_support( 'wp-block-styles' )
  9. but we decided not to add those styles to blockbase because of potential broad impact of those styles.
  10. */
  11. width: 100%;
  12. }
  13. }