/* * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .image.image_resized { max-width: 100%; /* The `
` element for resized images must not use `display:table` as browsers do not support `max-width` for it well. See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more. Fortunately, since we control the width, there is no risk that the image will look bad. */ display: block; box-sizing: border-box; & img { /* For resized images it is the `
` element that determines the image width. */ width: 100%; } & > figcaption { /* The `
` element uses `display:block`, so `
` also has to. */ display: block; } }