// Import bootstrap variables and mixins for reference
@import "../scss-bootstrap/functions";
@import "../scss-bootstrap/variables";
@import "../scss-bootstrap/mixins";
@import "variables";
@import "common";

@include gutenberg_styles();


$gutenberg-editor-font-sizes: () !default;
$gutenberg-editor-font-sizes: map-merge(
  (
	"small": 13,
	"normal": 16,
	"medium": 20,
	"large": 36,
	"huge": 42,
  ),
  $gutenberg-editor-font-sizes
);
@each $item, $value in $gutenberg-editor-font-sizes {
	.has-#{$item}-font-size {
		font-size: #{$value}px;
	}
}


$gutenberg-editor-color-palette: () !default;
$gutenberg-editor-color-palette: map-merge(
  (
	"primary": '#f89d35',
	"secondary": '#040A18',
	"dark-gray": '#111',
	"light-gray": '#767676',
	"white": '#FFF',
  ),
  $gutenberg-editor-color-palette
);
@each $item, $value in $gutenberg-editor-color-palette {
	.has-#{$item}-background-color {
		background-color: #{$value};
	}
	.has-#{$item}-color {
		color: #{$value};
	}
}