linkform.css 960 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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. & div.ck-link-form_additional-buttons {
  19. display: flex;
  20. flex-wrap: wrap;
  21. margin-left: 0;
  22. }
  23. & .ck-link-form_additional-buttons .ck-button {
  24. width: 100%;
  25. margin-left: 0;
  26. margin-top: var(--ck-spacing-standard);
  27. }
  28. @mixin ck-media-phone {
  29. flex-wrap: wrap;
  30. & .ck-labeled-input {
  31. flex-basis: 100%;
  32. }
  33. & .ck-button {
  34. flex-basis: 50%;
  35. }
  36. }
  37. }