55 lines
943 B
SCSS
55 lines
943 B
SCSS
.figure {
|
|
inline-size: fit-content;
|
|
margin: 16px auto;
|
|
|
|
&__caption {
|
|
block-size: auto;
|
|
margin: auto;
|
|
text-align: center;
|
|
|
|
&--no-height {
|
|
height: 0;
|
|
}
|
|
|
|
& .figcaption {
|
|
&__caption {
|
|
font-size: 0.9em;
|
|
font-style: italic;
|
|
}
|
|
|
|
&__title {
|
|
font-size: 0.95em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
&__attr {
|
|
background-color: $dark;
|
|
font-size: 0.7em;
|
|
color: $light;
|
|
inline-size: fit-content;
|
|
inset-block-start: -2em;
|
|
position: relative;
|
|
padding: 0.2em 0.5em;
|
|
opacity: 0.8;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
&__attr + .figcaption__caption {
|
|
margin-block-start: -0.5em;
|
|
}
|
|
|
|
&__full-size-link {
|
|
font-size: 0.6em;
|
|
padding-inline-start: 1em;
|
|
|
|
&::before {
|
|
content: "[";
|
|
}
|
|
|
|
&::after {
|
|
content: "]";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|