| 12345678910111213141516171819202122232425262728293031323334353637 |
- /*
- * 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 `<figure>` 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 `<figure>` element that determines the image width. */
- width: 100%;
- }
- & > figcaption {
- /* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
- display: block;
- }
- }
- [dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
- margin-right: var(--ck-spacing-standard);
- }
- [dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
- margin-left: var(--ck-spacing-standard);
- }
- .ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
- width: 4em;
- }
|