8
0

linkform.css 896 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
  6. :root {
  7. --ck-link-form-max-width: 330px;
  8. }
  9. .ck.ck-link-form {
  10. display: flex;
  11. flex-wrap: wrap;
  12. max-width: var(--ck-link-form-max-width);
  13. & .ck-label {
  14. display: none;
  15. }
  16. /* Buttons like `open in new window` with switch toggler.
  17. Added div is a temporary solution to make stronger specificity than `.ck.ck-link-form > :not(:first-child)` in theme-lark. */
  18. & ul.ck-list {
  19. margin-left: 0;
  20. width: 100%;
  21. }
  22. & .ck-list .ck-switchbutton {
  23. width: 100%;
  24. margin-left: 0;
  25. margin-top: var(--ck-spacing-standard);
  26. }
  27. @mixin ck-media-phone {
  28. flex-wrap: wrap;
  29. & .ck-labeled-input {
  30. flex-basis: 100%;
  31. }
  32. & .ck-button {
  33. flex-basis: 50%;
  34. }
  35. }
  36. }