diff --git a/theme/mediaform.css b/theme/mediaform.css index f5a0faa..2a7f25d 100644 --- a/theme/mediaform.css +++ b/theme/mediaform.css @@ -3,9 +3,13 @@ * For licensing, see LICENSE.md. */ +@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rwd.css"; + .ck.ck-media-form { display: flex; align-items: flex-start; + flex-direction: row; + flex-wrap: nowrap; & .ck-labeled-input { display: inline-block; @@ -14,4 +18,16 @@ & .ck-label { display: none; } + + @mixin ck-media-phone { + flex-wrap: wrap; + + & .ck-labeled-input { + flex-basis: 100%; + } + + & .ck-button { + flex-basis: 50%; + } + } }