8
0

colorinput.css 752 B

123456789101112131415161718192021222324252627282930313233343536
  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. flex-direction: row-reverse;
  9. & > input.ck.ck-input-text {
  10. min-width: auto;
  11. flex-grow: 1;
  12. }
  13. & > div.ck.ck-dropdown {
  14. min-width: auto;
  15. /* This dropdown has no arrow but a color preview instead. */
  16. & > .ck-input-color__button .ck-dropdown__arrow {
  17. display: none;
  18. }
  19. }
  20. & .ck.ck-input-color__button {
  21. & .ck.ck-input-color__button__preview {
  22. position: relative;
  23. overflow: hidden;
  24. & > .ck.ck-input-color__button__preview__no-color-indicator {
  25. position: absolute;
  26. display: block;
  27. }
  28. }
  29. }
  30. }