inputtext.css 891 B

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