weekly release 4.0dev
[moodle.git] / lib / editor / atto / plugins / image / styles.css
1 .atto_image_preview {
2     width: 100%;
3     height: 100%;
4     margin-left: auto;
5     margin-right: auto;
6 }
8 .atto_image_preview_box {
9     max-height: 150px;
10     margin-bottom: 1em;
11     overflow: auto;
12 }
14 .editor_atto_content img {
15     cursor: pointer;
16 }
18 .atto_image_button_text-top {
19     vertical-align: text-top;
20     margin: 0 0.5em;
21 }
23 .atto_image_button_middle {
24     vertical-align: middle;
25     margin: 0 0.5em;
26 }
28 .atto_image_button_text-bottom {
29     vertical-align: text-bottom;
30     margin: 0 0.5em;
31 }
33 .atto_image_button_text-top.img-fluid,
34 .atto_image_button_middle.img-fluid,
35 .atto_image_button_text-bottom.img-fluid {
36     /* If the image is display: block then linking the image to URLs won't work. */
37     display: inline-block;
38     max-width: calc(100% - 1em);
39 }
41 /*rtl:begin:ignore*/
42 .atto_image_button_left {
43     float: left;
44     margin: 0 0.5em 0 0;
45     max-width: calc(100% - 1em);
46 }
48 .atto_image_button_right {
49     float: right;
50     margin: 0 0 0 0.5em;
51     max-width: calc(100% - 1em);
52 }
53 /*rtl:end:ignore*/