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