@concordnow/ckeditor5-image-rendering
Version:
Image rendering feature for CK Editor 5
56 lines (47 loc) • 1.04 kB
CSS
/*
ckeditor5-image module set a default image styling using ".ck-content .image" class
`
.ck-content .image {
display: table;
clear: both;
text-align: center;
margin: 1em auto;
& > img {
display: block;
margin: 0 auto;
max-width: 100%;
min-width: 50px;
}
}
`
The purpose of these changes is to have images in display inline-block by default,
without breaking the layout.
*/
.ck-content .image {
display: inline-block;
margin: 0;
vertical-align: top;
}
.ck-content .image > img {
width: 100% ;
height: 100% ;
margin-bottom: 0 ;
margin-left: 0 ;
margin-right: 0 ;
margin-top: 0 ;
position: static ;
}
.ck-content .image > figcaption {
display: inline-block;
}
.ck-content .image-style-align-center {
display: block ;
margin-left: auto;
margin-right: auto;
}
.ck-content .image.image_resized {
display: inline-block;
}
.ck-content .image.image_resized > figcaption {
display: inline-block;
}