<button class="copyright js-tooltip" title="Das ist ein Copyright-Hinweis" aria-label="Bildquelle anzeigen"><svg class="icon icon--copyright" 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"
}
}
.copyright {
align-items: center;
background-color: #858585;
color: #fff;
display: flex;
font-size: 1.4rem;
height: 2.6rem;
justify-content: center;
width: 2.6rem;
.icon {
pointer-events: none;
}
}
There are no notes for this item.