// WYSIWYG styles

@use 'sass:meta';
@use '00-config' as * with($wysiwyg: true);

@import url('//fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');

// stylelint-disable selector-class-pattern
div.paragraph--view-mode--preview,
div.ck-content {
  // Ensuring font properties from source/01-global/html-elements/01-html/_html.scss
  // get applied to CKEditor content. This may need to updated to match any
  // font customizations made to the HTML or BODY element.
  font-family: gesso-font-family(primary);
  line-height: gesso-line-height(base);
}

div.paragraph--view-mode--preview,
div.ck-content {
  @include meta.load-css('01-global', $with: ('wysiwyg': true));
  @include meta.load-css('02-layouts', $with: ('wysiwyg': true));
  @include meta.load-css('03-components', $with: ('wysiwyg': true));
  @include meta.load-css('06-utility', $with: ('wysiwyg': true));
  @include meta.load-css('shame', $with: ('wysiwyg': true));
}
