linkform.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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/_dir.css";
  6. /*
  7. * Style link form differently when manual decorators are available.
  8. * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
  9. */
  10. .ck.ck-link-form_layout-vertical {
  11. padding: 0;
  12. min-width: var(--ck-input-text-width);
  13. & .ck-labeled-field-view {
  14. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) var(--ck-spacing-small);
  15. & .ck-input-text {
  16. min-width: 0;
  17. width: 100%;
  18. }
  19. }
  20. & .ck-button {
  21. padding: var(--ck-spacing-standard);
  22. margin: 0;
  23. border-radius: 0;
  24. border: 0;
  25. border-top: 1px solid var(--ck-color-base-border);
  26. width: 50%;
  27. @mixin ck-dir ltr {
  28. margin-left: 0;
  29. }
  30. @mixin ck-dir rtl {
  31. margin-left: 0;
  32. &:last-of-type {
  33. border-right: 1px solid var(--ck-color-base-border);
  34. }
  35. }
  36. }
  37. /* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */
  38. & .ck.ck-list {
  39. margin-left: 0;
  40. & .ck-button.ck-switchbutton {
  41. border: 0;
  42. width: 100%;
  43. &:hover {
  44. background: none;
  45. }
  46. }
  47. }
  48. }