/* * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ @import "../../helpers/colors.css"; /** * 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 $background, $border { background: $background; border-color: $border; &:not(.ck-disabled) { &:hover, &:focus { background: color($background shade(10%)); border-color: color($border shade(10%)); } &:active { background: color($background shade(15%)); border-color: color($border shade(15%)); box-shadow: inset 0 2px 2px color($background shade(25%)); } } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ &.ck-disabled { background: color($background shade(10%)); border-color: color($border tint(10%)); } } /** * A helper to define button–specific icon styles. * */ @define-mixin ck-button-icon { & .ck-icon { @mixin-content; } }