/* * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ @import "../../../mixins/_rounded.css"; @import "../../../mixins/_focus.css"; @import "../../../mixins/_shadow.css"; :root { --ck-input-text-width: 18em; } .ck-input-text { @mixin ck-rounded-corners; @mixin ck-box-shadow var(--ck-inner-shadow); background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); min-width: var(--ck-input-text-width); /* This is important to stay of the same height as surrounding buttons */ min-height: var(--ck-ui-component-min-height); &:focus { @mixin ck-focus-ring; @mixin ck-box-shadow var(--ck-focus-outer-shadow), var(--ck-inner-shadow); } &[readonly] { border: 1px solid var(--ck-color-input-disabled-border); background: var(--ck-color-input-disabled-background); color: var(--ck-color-input-disabled-text); } }