linkform.css 852 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. .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-input {
  14. flex-basis: 100%;
  15. }
  16. & .ck-button {
  17. flex-basis: 50%;
  18. }
  19. }
  20. }
  21. /* Style link form differently when manual decorators are available.
  22. * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
  23. */
  24. .ck.ck-link-form_layout-vertical {
  25. flex-wrap: wrap;
  26. & .ck-labeled-input {
  27. flex-basis: 100%;
  28. }
  29. & .ck-button {
  30. /* Let's move "Save" & "Cancel" buttons to the end of the link form view. */
  31. order: 10;
  32. flex-basis: 50%;
  33. }
  34. & .ck-list {
  35. flex-basis: 100%;
  36. }
  37. }