mediaform.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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-media-form {
  7. padding: var(--ck-spacing-standard);
  8. &:focus {
  9. outline: none;
  10. }
  11. & > :not(:first-child) {
  12. margin-left: var(--ck-spacing-standard);
  13. }
  14. @mixin ck-media-phone {
  15. padding: 0;
  16. width: calc(.8 * var(--ck-input-text-width));
  17. & .ck-labeled-input {
  18. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  19. & .ck-input-text {
  20. min-width: 0;
  21. width: 100%;
  22. }
  23. /* Let the long error messages wrap in the narrow form. */
  24. & .ck-labeled-input__error {
  25. white-space: normal;
  26. }
  27. }
  28. & .ck-button {
  29. padding: var(--ck-spacing-standard);
  30. margin-top: var(--ck-spacing-standard);
  31. margin-left: 0;
  32. border-radius: 0;
  33. border: 0;
  34. border-top: 1px solid var(--ck-color-base-border);
  35. &:first-of-type {
  36. border-right: 1px solid var(--ck-color-base-border);
  37. }
  38. }
  39. }
  40. }