jodit/src/styles/modules/icon.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';
@import (reference) '../mixins';

@keyframes rotate {
	to {
		transform: rotate(360deg);
	}
}

.jodit-icon_loader {
	background: data-uri('../icons/loader.png') no-repeat center;
	background-size: 100% 100%;
	width: var(--icon-loader-size);
	height: var(--icon-loader-size);
	display: inline-block;
	vertical-align: middle;
	will-change: transform;
	animation: rotate 2s ease-out 0s infinite;
}

.jodit-icon {
	.size(@icon-middle-size, @icon-middle-size);

	fill: var(--color-icon);
	transform-origin: 0 0 !important;
	overflow: visible;
	background: center no-repeat;
	background-size: contain;
}

.jodit-icon_close {
	stroke: var(--color-icon);
}

svg.jodit-icon {
	isolation: isolate;
	height: auto;
}

.jodit-icon_text {
	font-size: 14px;
}