Skip to content
Snippets Groups Projects
Commit d75ebc0c authored by Martin Leblanc's avatar Martin Leblanc
Browse files

ISTWCMS-5163: css for ckeditor stretching image challenge

parent 00b99957
No related branches found
No related tags found
1 merge request!116ISTWCMS-5163 M26lebla images in ckeditor should not distort
......@@ -5,10 +5,25 @@ img {
border: 0;
font-style: italic; // Makes alt text stand out from surrounding text.
max-width: 100%;
vertical-align: middle;
@media print {
max-width: 100% !important;
page-break-inside: avoid;
}
}
.media--type-uw-mt-image{
img{
height: auto;
object-fit: scale-down;
}
}
.media--type-uw-mt-image[data-width],
.media--type-uw-mt-image[data-height]{
background:$test-color-1;
img{
height: inherit;
max-width:inherit;
object-fit: inherit;
width: inherit;
}
}
......@@ -8,7 +8,8 @@
padding-right: 1rem;
}
&.align-center {
padding: 1rem 0;
padding-left:0;
padding-right:0;
text-align: center;
img{
display: block;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment