@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";

.ck.ck-math-form {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;

	& .ck.ck-math-preview {
		// Todo: calculate content size
		width: 234px;
		height: 10em;
	}

    @mixin ck-media-phone {
		flex-wrap: wrap;

        & .ck-math-view {
			flex-basis: 100%;

            & .ck-labeled-input {
			    flex-basis: 100%;
		    }

            & .ck-label {
			    flex-basis: 100%;
		    }
		}

		& .ck-button {
			flex-basis: 50%;
		}
	}
}