turretcss

Figure

Example

HTML

<figure>
  <img src="...">
</figure>

CSS

--figure-display: block;
--figure-margin: 0;
--figure-padding: 0;

Figure Caption

Figure Caption

HTML

<figure>
  <img src="...">
  <figcaption>...</figcaption>
</figure>

CSS

--figure-caption-margin: 1em 0;
--figure-caption-font-family: inherit;
--figure-caption-font-weight: inherit;
--figure-caption-font-size: var(--font-size-s);
--figure-caption-color: inherit;
--figure-caption-text-align: left;

Related