| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- /*
- * 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;
- }
- }
|