inputtext.css 875 B

123456789101112131415161718192021222324252627282930313233
  1. /*
  2. * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "../../../mixins/_rounded.css";
  6. @import "../../../mixins/_focus.css";
  7. @import "../../../mixins/_shadow.css";
  8. :root {
  9. --ck-input-text-min-width: 21em;
  10. }
  11. .ck-input-text {
  12. @mixin ck-rounded-corners;
  13. @mixin ck-box-shadow var(--ck-inner-shadow);
  14. background: var(--ck-color-input-background);
  15. border: 1px solid var(--ck-color-input-border);
  16. padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  17. min-width: var(--ck-input-text-min-width);
  18. &:focus {
  19. @mixin ck-focus-ring;
  20. @mixin ck-box-shadow var(--ck-focus-outer-shadow), var(--ck-inner-shadow);
  21. }
  22. &[readonly] {
  23. border: 1px solid var(--ck-color-input-disabled-border);
  24. background: var(--ck-color-input-disabled-background);
  25. color: var(--ck-color-input-disabled-text);
  26. }
  27. }