8
0

linkform.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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-grow: 1;
  18. }
  19. & .ck-toolbar__separator {
  20. align-self: stretch;
  21. width: 1px;
  22. min-width: 1px;
  23. background: var(--ck-color-toolbar-border);
  24. /*
  25. * These margins make the separators look better in balloon toolbars (when aligned with the "tip").
  26. * See https://github.com/ckeditor/ckeditor5/issues/7493.
  27. */
  28. margin-top: calc(var(--ck-spacing-large) + var(--ck-spacing-extra-tiny));
  29. margin-bottom: var(--ck-spacing-small);
  30. /*
  31. * To fill empty space between top border created by adjacent buttons
  32. */
  33. &::before {
  34. content: ".";
  35. display: inline-block;
  36. position: relative;
  37. top: -5px;
  38. width: 1px;
  39. height: 1px;
  40. color: var(--ck-color-base-background);
  41. background-color: var(--ck-color-toolbar-border);
  42. }
  43. }
  44. }
  45. }
  46. /*
  47. * Style link form differently when manual decorators are available.
  48. * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
  49. */
  50. .ck.ck-link-form_layout-vertical {
  51. display: block;
  52. }