1
2.plugin_latexcaption_figure {
3    display: flex;
4    flex-wrap: wrap;
5    justify-content: center;
6    width: fit-content;
7    width: -moz-fit-content;
8    max-width: 100%;
9    align-items: flex-start;
10    margin: 0;
11    position: relative;
12}
13
14.plugin_latexcaption_subfigure {
15    display: flex;
16    justify-content: center;
17    flex-wrap: wrap;
18    margin-left: 4px;
19    margin-right: 4px;
20    padding: 3px;
21    overflow: auto;
22    clear: both;
23    position: relative;
24}
25
26.plugin_latexcaption_figure > .plugin_latexcaption_caption,
27.plugin_latexcaption_subfigure > .plugin_latexcaption_caption {
28    flex-basis: 100%;
29    clear: both;
30    width: 0;
31}
32
33.plugin_latexcaption_center {
34    clear: both;
35    margin: 0 auto 0.2em auto;
36}
37
38.plugin_latexcaption_right {
39    float: right;
40    margin: 0 0 .2em 1em;
41}
42
43.plugin_latexcaption_left {
44    float: left;
45    margin: 0 1em .2em 0;
46}
47
48.plugin_latexcaption_even {
49    clear: both;
50    margin: 0 auto 0.2em auto;
51    justify-content: space-evenly;
52}
53
54.plugin_latexcaption_w-40 {
55    max-width: 40%;
56}
57.plugin_latexcaption_w-50 {
58    max-width: 50%;
59}
60.plugin_latexcaption_w-60 {
61    max-width: 60%;
62}
63.plugin_latexcaption_w-70 {
64    max-width: 70%;
65}
66.plugin_latexcaption_w-80 {
67    max-width: 80%;
68}
69
70div.plugin_latexcaption_caption,
71figcaption.plugin_latexcaption_caption {
72    text-align: center;
73    font-size: 0.9em;
74}
75figcaption.plugin_latexcaption_caption {
76    margin-bottom: 0.5rem;
77}
78
79span.plugin_latexcaption_caption_number {
80    font-weight: bold;
81}
82
83div.picker.captionpicker {
84    width: auto;
85}
86
87// Media queries
88@media (min-width: 0px) {
89  .plugin_latexcaption_left-xs {
90    .plugin_latexcaption_left;
91    }
92
93  .plugin_latexcaption_right-xs {
94    .plugin_latexcaption_right;
95    }
96
97  .plugin_latexcaption_center-xs {
98    .plugin_latexcaption_center;
99  }
100
101  .plugin_latexcaption_even-xs {
102    .plugin_latexcaption_even;
103  }
104
105  // Widths
106  .plugin_latexcaption_w-40-xs {
107    .plugin_latexcaption_w-40;
108  }
109  .plugin_latexcaption_w-50-xs {
110    .plugin_latexcaption_w-50;
111  }
112  .plugin_latexcaption_w-60-xs {
113    .plugin_latexcaption_w-60;
114  }
115  .plugin_latexcaption_w-70-xs {
116    .plugin_latexcaption_w-70;
117  }
118  .plugin_latexcaption_w-80-xs {
119    .plugin_latexcaption_w-80;
120  }
121}
122
123// Media queries
124@media (min-width: 576px) {
125  .plugin_latexcaption_left-sm {
126    .plugin_latexcaption_left;
127    }
128
129  .plugin_latexcaption_right-sm {
130    .plugin_latexcaption_right;
131    }
132
133  .plugin_latexcaption_center-sm {
134    .plugin_latexcaption_center;
135  }
136
137  .plugin_latexcaption_even-sm {
138    .plugin_latexcaption_even;
139  }
140
141  // Widths
142  .plugin_latexcaption_w-40-sm {
143    .plugin_latexcaption_w-40;
144  }
145  .plugin_latexcaption_w-50-sm {
146    .plugin_latexcaption_w-50;
147  }
148  .plugin_latexcaption_w-60-sm {
149    .plugin_latexcaption_w-60;
150  }
151  .plugin_latexcaption_w-70-sm {
152    .plugin_latexcaption_w-70;
153  }
154  .plugin_latexcaption_w-80-sm {
155    .plugin_latexcaption_w-80;
156  }
157}
158
159
160@media (min-width: 768px) {
161  .plugin_latexcaption_left-md {
162    .plugin_latexcaption_left;
163    }
164
165  .plugin_latexcaption_right-md {
166    .plugin_latexcaption_right;
167    }
168
169  .plugin_latexcaption_center-md {
170    .plugin_latexcaption_center;
171  }
172
173  .plugin_latexcaption_even-md {
174    .plugin_latexcaption_even;
175  }
176  .plugin_latexcaption_even-md {
177    .plugin_latexcaption_even;
178  }
179
180
181  // Widths
182  .plugin_latexcaption_w-40-md {
183    .plugin_latexcaption_w-40;
184  }
185  .plugin_latexcaption_w-50-md {
186    .plugin_latexcaption_w-50;
187  }
188  .plugin_latexcaption_w-60-md {
189    .plugin_latexcaption_w-60;
190  }
191  .plugin_latexcaption_w-70-md {
192    .plugin_latexcaption_w-70;
193  }
194  .plugin_latexcaption_w-80-md {
195    .plugin_latexcaption_w-80;
196  }
197}
198
199
200@media (min-width: 992px) {
201  .plugin_latexcaption_left-lg {
202    .plugin_latexcaption_left;
203    }
204
205  .plugin_latexcaption_right-lg {
206    .plugin_latexcaption_right;
207    }
208
209  .plugin_latexcaption_center-lg {
210    .plugin_latexcaption_center;
211  }
212
213  .plugin_latexcaption_even-lg {
214    .plugin_latexcaption_even;
215  }
216
217  // Widths
218  .plugin_latexcaption_w-40-lg {
219    .plugin_latexcaption_w-40;
220  }
221  .plugin_latexcaption_w-50-lg {
222    .plugin_latexcaption_w-50;
223  }
224  .plugin_latexcaption_w-60-lg {
225    .plugin_latexcaption_w-60;
226  }
227  .plugin_latexcaption_w-70-lg {
228    .plugin_latexcaption_w-70;
229  }
230  .plugin_latexcaption_w-80-lg {
231    .plugin_latexcaption_w-80;
232  }
233}
234
235
236@media (min-width: 1200px) {
237  .plugin_latexcaption_left-xl {
238    .plugin_latexcaption_left;
239    }
240
241  .plugin_latexcaption_right-xl {
242    .plugin_latexcaption_right;
243    }
244
245  .plugin_latexcaption_center-xl {
246    .plugin_latexcaption_center;
247  }
248
249  .plugin_latexcaption_even-xl {
250    .plugin_latexcaption_even;
251  }
252
253  // Widths
254  .plugin_latexcaption_w-40-xl {
255    .plugin_latexcaption_w-40;
256  }
257  .plugin_latexcaption_w-50-xl {
258    .plugin_latexcaption_w-50;
259  }
260  .plugin_latexcaption_w-60-xl {
261    .plugin_latexcaption_w-60;
262  }
263  .plugin_latexcaption_w-70-xl {
264    .plugin_latexcaption_w-70;
265  }
266  .plugin_latexcaption_w-80-xl {
267    .plugin_latexcaption_w-80;
268  }
269}
270
271