linkform.css 975 B

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