rhymix/modules/editor/skins/ckeditor/css/default.less

@charset "UTF-8";
/* Content Default Styles */
.word_break(@wb) when (@wb = normal), (@wb = keep-all), (@wb = break-all) {
	word-break: @wb;
	word-wrap: break-word;
}
.word_break(@wb) when (@wb = none) {
	white-space: nowrap;
}

.cont_font(@ft) when (@ft = none) {
}
.cont_font(@ft) when not (@ft = none) {
	font-family: @content_font;
}

.cont_fontsize(@fs) when (@fs = none) {
}
.cont_fontsize(@fs) when not (@fs = none) {
	font-size: @content_font_size;
}

.cont_lineheight(@lh) when (@lh = none) {
}
.cont_lineheight(@lh) when not (@lh = none) {
	line-height: @content_line_height;
}

.cont_linespacing(@ls) when (@ls = none) {
}
.cont_linespacing(@ls) when not (@ls = none) {
	margin: 0 0 @content_paragraph_spacing 0;
}

/* if editor_auto_dark_mode == 'Y' load darkmode style */
.auto_dark(@cs, @adm) when (@adm = Y) and not (@cs = moono-dark)  {
	html {
		body.cke_editable {
			.light_dark(moono-dark);
		}
	}
	.cke_reset {
		span {
			&.cke_top {
				.light_dark_top(moono-dark);
			}
		}
	}
	.cke_button_icon, .cke_combo_button, .cke_button_arrow, .cke_button_label {
		filter: invert(1);
	}
}
.auto_dark(@cs, @adm) when not (@adm = Y) or (@cs = moono-dark) {
}

.light_dark(@cs) when (@cs = moono-dark) {
	background-color: #333;
	color: #fff;
}
.light_dark(@cs) when not (@cs = moono-dark) {
	background-color: #fff;
	color: #000;
	&.color_scheme_dark {
		background-color: #333;
		color: #fff;
	}
}

.light_dark_top(@cs) when (@cs = moono-dark) {
	body & {
		border-color: #555;
		&.cke_bottom {
			background: #333;
			.cke_button_icon, .cke_combo_button, .cke_button_arrow, .cke_button_label {
				filter: invert(1);
			}
		}
	}
}
.light_dark_top(@cs) when not (@cs = moono-dark) {
	.color_scheme_dark & {
		background: #333;
		border-color: #555;
		.cke_button_on {
			background: #000;
			border-color: #555;
		}
		.cke_button_icon, .cke_combo_button, .cke_button_arrow, .cke_button_label {
			filter: invert(1);
		}
		&.cke_dialog_body {
			background: #555;
		}
		.cke_dialog_title {
			background: #333;
			color: #fff;
			border-bottom-color: #555;
			.cke_dialog_close_button {
				color: #fff;
			}
		}
		.cke_dialog_tabs {
			background: #555;
			.cke_dialog_tab {
				background: #555;
				color: #999;
				border-color: #777;
			}
			.cke_dialog_tab_selected {
				background: #777;
				color: #fff;
				border-color: #777;
			}
		}
		.cke_dialog_contents {
			background: #555;
			border-top-color: #777;
			label {
				color: #fff;
			}
			select, input, .ImagePreviewBox td {
				background: #333;
				color: #fff;
				border-color: #777;
			}
		}
		.cke_dialog_footer {
			background: #333;
			border-top-color: #555;
		}
	}
}

html {
	&.cke_panel_container, &.cke_panel_container body {
		.light_dark(default);
	}
	body.cke_editable {
		width: unset;
		height: unset;
		min-width: unset;
		min-height: 100vh;
		box-sizing: border-box;
		margin: 0;
		padding: 10px;
		.light_dark(@colorset);
	}
}

p.editor_autosaved_message.autosave_message {
	display:none;
	background: #e0e0e0;
	padding: 10px;
	margin:0;
	line-height:1.2;
}
.cke_reset {
	.cke_top, .cke_bottom {
		.light_dark_top(@colorset);
		a {
			&:hover, &:focus {
				transition: none;
			}
		}
	}
	.cke_combo__fontsize {
		.cke_combo_button {
			width: 64px;
		}
		.cke_combo_text {
			width: 30px;
		}
	}
}
.cke_dialog_body {
	.light_dark_top(@colorset);
}

.xe_content.editable, .rhymix_content.editable, .cke_wysiwyg_div {
	.cont_font(@content_font);
	.cont_fontsize(@content_font_size);
	.cont_lineheight(@content_line_height);
	.word_break(@content_word_break);
	p {
		.cont_linespacing(@content_paragraph_spacing);
		.cont_lineheight(@content_line_height);
		span {
			.cont_lineheight(@content_line_height);
		}
	}
	img, video {
		max-width: 100%;
		height: auto;
	}
	blockquote {
		padding: 2px 0;
		border-style: solid;
		border-color: #ccc;
		border-width: 0;
		border-left-width: 5px;
		padding-left: 20px;
		padding-right: 8px;
		
		&:lang(ar), &:lang(arc), &:lang(dv), &:lang(ha), &:lang(he), &:lang(khw), &:lang(ks), &:lang(ku), &:lang(ps), &:lang(fa), &:lang(ur), &:lang(yi) {
			border-left-width: 0px;
			border-right-width: 5px;
			padding-left: 8px;
			padding-right: 20px;
		
		}
	}
}