Figure

<figure>Inhalt der figure kommt hier hin
    <figcaption>Ich bin eine figcaption</figcaption>
</figure>
<figure>
    Inhalt der figure kommt hier hin
    <figcaption>Ich bin eine figcaption</figcaption>
</figure>
/* No context defined for this component. */
  • Content:
    figure {
      margin: 0 0 $content-spacer-base;
      // Short figcaptions will be centered, long ones left aligned
      text-align: center;
    
      & img {
        width: 100%;
      }
    }
    
    figcaption {
      @extend %heading-font-regular;
    
      display: inline-block;
      // Short figcaptions will be centered, long ones left aligned
      text-align: left;
      line-height: $figcaption-line-height-small;
      font-size: $figcaption-font-size-small;
    }
    
    
    @media screen and (min-width: $grid-breakpoint-md) {
    
      figcaption {
        line-height: $figcaption-line-height;
        font-size: $figcaption-font-size;
      }
    }
    
  • URL: /components/raw/figure/_figure.scss
  • Filesystem Path: components/01-atoms/media/figure/_figure.scss
  • Size: 569 Bytes

There are no notes for this item.