/* * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ @import "../../../mixins/_focus.css"; @import "../../../mixins/_shadow.css"; @import "../../../mixins/_disabled.css"; @import "../../../mixins/_rounded.css"; @import "../../mixins/_button.css"; .ck-button, a.ck-button { @mixin ck-button-colors --ck-color-button-default; @mixin ck-rounded-corners; border-width: 1px; border-style: solid; white-space: nowrap; cursor: default; vertical-align: middle; padding: var(--ck-spacing-small); text-align: center; /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; &:focus { @mixin ck-focus-ring; @mixin ck-box-shadow var(--ck-focus-outer-shadow); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */ &.ck-disabled { @mixin ck-button-icon { @mixin ck-disabled; } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ & .ck-button__label { @mixin ck-disabled; } } &.ck-button_with-text { padding: var(--ck-spacing-small) var(--ck-spacing-standard); @mixin ck-button-icon { margin-left: calc(-1 * var(--ck-spacing-small)); margin-right: var(--ck-spacing-small); } } /* A style of the button which is currently on, e.g. its feature is active. */ &.ck-on { @mixin ck-button-colors --ck-color-button-on; } & .ck-icon { use, use * { color: inherit; } } & .ck-button__label { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; height: var(--ck-line-height-base)em; line-height: inherit; font-weight: inherit; color: inherit; cursor: inherit; } } /* A style of the button which handles the primary action. */ .ck-button-action, a.ck-button-action { @mixin ck-button-colors --ck-color-button-action; text-shadow: 0 -1px var(--ck-color-button-action-border); color: var(--ck-color-button-action-text); &:hover, &:focus, &:active { text-shadow: 0 -1px var(--ck-color-button-action-active-border); } } .ck-button-bold, a.ck-button-bold { font-weight: bold; }