Back-Link
CODE
×
HTML
<div class='back-link'> <span class='back-arrow'></span> <a class='text-link-2' href='#'>zur Geschäftssuche</a> </div>
CSS
span.back-arrow { background-image: url('data:image/svg+xml;utf8,
'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; margin-right: 4px; margin-left: -4px; width: 15px; height: 12px; } div.back-link > span.back-arrow { float: left; margin-top: 15px; } a { color: var(--black); } a:hover, a:focus { color: var(--black); } a.text-link-2 { text-decoration:none; color: var(--black); font-family: 'Roboto'; font-style: normal; font-weight: 300; border-bottom: 1px solid rgba(0,0,0,1); display:inline-block; cursor:pointer; line-height: 125%; vertical-align:top; margin-top: 10px; } a.text-link-2:hover, a.text-link-2:focus { border-bottom: var(--bottom-line-1px-red); }
JS
Back-Link
Erstellt: 24.06.2021 - 14:52 Uhr
Letzte Änderung: 24.06.2021 - 15:23 Uhr
×
zur Geschäftssuche