/* * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ @define-mixin ck-button-colors $prefix { background: var($(prefix)-background); border-color: var($(prefix)-border); &:not(.ck-disabled) { &:hover, &:focus { background: var($(prefix)-focus-background); border-color: var($(prefix)-focus-border); } &:active { background: var($(prefix)-active-background); border-color: var($(prefix)-active-border); box-shadow: inset 0 2px 2px var($(prefix)-active-shadow); } } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ &.ck-disabled { background: var($(prefix)-disabled-background); border-color: var($(prefix)-disabled-border); } } /** * A helper to define button–specific icon styles. * */ @define-mixin ck-button-icon { & .ck-icon { @mixin-content; } }