linkform.css 876 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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. @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
  6. .ck.ck-link-form {
  7. display: flex;
  8. & .ck-label {
  9. display: none;
  10. }
  11. @mixin ck-media-phone {
  12. flex-wrap: wrap;
  13. & .ck-labeled-field-view {
  14. flex-basis: 100%;
  15. }
  16. & .ck-button {
  17. flex-basis: 50%;
  18. &::after {
  19. border-right: 1px solid var(--ck-color-base-border);
  20. content: "";
  21. width: 0;
  22. position: absolute;
  23. right: -1px;
  24. top: var(--ck-spacing-small);
  25. bottom: var(--ck-spacing-small);
  26. z-index: 1;
  27. }
  28. }
  29. }
  30. }
  31. /*
  32. * Style link form differently when manual decorators are available.
  33. * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
  34. */
  35. .ck.ck-link-form_layout-vertical {
  36. display: block;
  37. }