8
0

mediaform.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
  7. .ck.ck-media-form {
  8. padding: var(--ck-spacing-standard);
  9. &:focus {
  10. outline: none;
  11. }
  12. @mixin ck-dir ltr {
  13. & > :not(:first-child) {
  14. margin-left: var(--ck-spacing-standard);
  15. }
  16. }
  17. @mixin ck-dir rtl {
  18. & > :not(:last-child) {
  19. margin-left: var(--ck-spacing-standard);
  20. }
  21. }
  22. @mixin ck-media-phone {
  23. padding: 0;
  24. width: calc(.8 * var(--ck-input-text-width));
  25. & .ck-labeled-field-view {
  26. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  27. & .ck-input-text {
  28. min-width: 0;
  29. width: 100%;
  30. }
  31. /* Let the long error messages wrap in the narrow form. */
  32. & .ck-labeled-field-view__error {
  33. white-space: normal;
  34. }
  35. }
  36. & .ck-button {
  37. padding: var(--ck-spacing-standard);
  38. margin-top: var(--ck-spacing-standard);
  39. border-radius: 0;
  40. border: 0;
  41. border-top: 1px solid var(--ck-color-base-border);
  42. @mixin ck-dir ltr {
  43. margin-left: 0;
  44. &:first-of-type {
  45. border-right: 1px solid var(--ck-color-base-border);
  46. }
  47. }
  48. @mixin ck-dir rtl {
  49. margin-left: 0;
  50. &:last-of-type {
  51. border-right: 1px solid var(--ck-color-base-border);
  52. }
  53. }
  54. }
  55. }
  56. }