jodit/src/styles/mixins.less

Jodit is awesome and usefully wysiwyg editor with filebrowser

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2020 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
 */

@import (reference) './variables';

.size (@width, @height) {
	width: @width;
	height: @height;
}

.font() {
	font-family: var(--font-default);
	font-size: var(--font-size-default);
}

.active() {
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3),
		0 1px 2px rgba(0, 0, 0, 0.05);
}

.jodit_status(
@background,
@color,
@background_hover,
@color_hover,
@background_active,
@color_active
) {
	background-color: @background;
	color: @color;

	svg {
		fill: @color;
		stroke: @color;
	}

	[disabled] {
		opacity: 0.7;
	}

	&:hover:not([disabled]) {
		background-color: @background_hover;
		color: @color_hover;

		svg {
			fill: @color_hover;
			stroke: @color_hover;
		}
	}

	&:active:not([disabled]) {
		background-color: @background_active;
		color: @color_active;

		svg {
			fill: @color_active;
			stroke: @color_active;
		}
	}
}

.jodit-box() {
	background: 0 0;
	border: 0;
	float: none;
	height: auto;
	margin: 0;
	max-width: none;
	outline: 0;
	padding: 0;
	position: static;
	width: auto;
}