@use "sass:math";
@use "sass:meta";

////////////////////////////////////////////////////////////////////////////////
// *
// * CKEditor styling
// *
////////////////////////////////////////////////////////////////////////////////

// ** If using Google or Adobe/Webkit fonts:
//    import our fonts for use in Editor only !!!
//    Use 05-pages/html for setting up font for the front-end theme

//@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
//@import url("https://somewebkiturl.com/mywebkitid.css");

@use "00-base/libs" as *;
@use "00-base/00-config/00-variables" as *;
@use "00-base/01-helpers" as *;
@use "00-base/css-variables" as *;
@use "00-base/05-grid/*" as *;

// @todo: fix next atoms, needs to be inside selector
:is(.ck-style-dropdown, .ck-editor__main) {
  // Default font declaration
  font-family: var(--ff-base);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--fw-normal);
  text-align: left;
  text-rendering: optimizespeed;
  color: hsl(var(--clr-base));
  background-color: hsl(var(--clr-base-bg));
  scroll-behavior: smooth;

  @include meta.load-css('01-atoms');
}
