|
|
@@ -2,24 +2,26 @@
|
|
|
// For licensing, see LICENSE.md or http://ckeditor.com/license
|
|
|
|
|
|
// Image widget's styles.
|
|
|
-.image {
|
|
|
- text-align: center;
|
|
|
- clear: both;
|
|
|
+.ck-editor__editable {
|
|
|
+ .image {
|
|
|
+ text-align: center;
|
|
|
+ clear: both;
|
|
|
|
|
|
- &.image-style-side {
|
|
|
- float: right;
|
|
|
- margin-left: 0.8em;
|
|
|
- max-width: 50%;
|
|
|
+ &.image-style-side {
|
|
|
+ float: right;
|
|
|
+ margin-left: 0.8em;
|
|
|
+ max-width: 50%;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.image > img {
|
|
|
- // Prevent unnecessary margins caused by line-height (see #44).
|
|
|
- display: block;
|
|
|
+ .image > img {
|
|
|
+ // Prevent unnecessary margins caused by line-height (see #44).
|
|
|
+ display: block;
|
|
|
|
|
|
- // Center the image if its width is smaller than content's width.
|
|
|
- margin: 0 auto;
|
|
|
+ // Center the image if its width is smaller than content's width.
|
|
|
+ margin: 0 auto;
|
|
|
|
|
|
- // Make sure the image never exceeds the size of the parent container (#67).
|
|
|
- max-width: 100%;
|
|
|
+ // Make sure the image never exceeds the size of the parent container (#67).
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
}
|