// Gutenberg editor styles
//
// Please note: These styles affect only wp-admin
// editor side. Please remember to add imports
// from "Gutenberg blocks" also to the main
// global.scss to see them on front end side.

// Helpers
@import '../helpers/typography';
@import '../helpers/grid';

// Variables
@import '../variables/colors';
@import '../variables/breakpoints';
@import '../variables/spacings';

// Gutenberg editor style specific variables
@import '../gutenberg/variables/fonts';

// Gutenberg blocks
@import '../gutenberg/boxed';

// Wider editor
// Default is 580px which is way too narrow
.wp-block {
  // Forced to use important here, because WordPress uses too specific selectors
  /* stylelint-disable declaration-no-important */
  font-family: $font-paragraphs !important;
  max-width: 1000px !important;
  /* stylelint-enable */
}