hkk Frontend 2017

Copyright 

<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.