colorinput.css 784 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. .ck.ck-input-color {
  6. width: 100%;
  7. display: flex;
  8. & > input.ck.ck-input-text {
  9. min-width: auto;
  10. flex-grow: 1;
  11. &:active,
  12. &:focus {
  13. z-index: var(--ck-z-default);
  14. }
  15. }
  16. & > div.ck.ck-dropdown {
  17. min-width: auto;
  18. /* This dropdown has no arrow but a color preview instead. */
  19. & > .ck-input-color__button .ck-dropdown__arrow {
  20. display: none;
  21. }
  22. }
  23. & .ck.ck-input-color__button {
  24. & .ck.ck-input-color__button__preview {
  25. position: relative;
  26. overflow: hidden;
  27. & > .ck.ck-input-color__button__preview__no-color-indicator {
  28. position: absolute;
  29. display: block;
  30. }
  31. }
  32. }
  33. }