ckeditor/ckeditor5-theme-lark

View on GitHub
theme/ckeditor5-ui/mixins/_button.css

Summary

Maintainability
Test Coverage
/*
 * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * 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);

    &:not(.ck-disabled) {
        &:hover {
            background: var($(prefix)-hover-background);
        }

        &:active {
            background: var($(prefix)-active-background);
            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);
    }
}