<button class="copyright js-tooltip" title="Das ist ein Copyright-Hinweis" aria-label="Bildquelle anzeigen">
<svg class="icon icon--copyright" id="icon-986d" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-copyright"></use>
</svg>
</button>
//- Render copyright
#{tag || 'button'}.copyright.js-tooltip(title=title, aria-label=label)&attributes(attr)
  != include('@icon', { icon: 'copyright' })
{
  "label": "Bildquelle anzeigen",
  "title": "Das ist ein Copyright-Hinweis",
  "icon": {
    "icon": "copyright",
    "title": "copyright"
  }
}
  • Content:
    .copyright {
      align-items: center;
      background-color: rgba($color-steelgrey-xdark, 0.8);
      color: #fff;
      cursor: pointer;
      display: flex;
      font-size: 1.6rem;
      height: 3.4rem;
      justify-content: center;
      line-height: 1.3rem;
      min-width: 3.4rem;
      outline: none;
      padding: 0;
      z-index: 5;
    
      .icon {
        pointer-events: none;
      }
    
      @include mq($from: l) {
        font-size: 1.4rem;
        height: 2.4rem;
        min-width: 2.4rem;
      }
    }
    
  • URL: /components/raw/copyright/copyright.scss
  • Filesystem Path: src/components/_particles/copyright/copyright.scss
  • Size: 437 Bytes

There are no notes for this item.