Arrow-Link
CODE
×
HTML
<div class='arrow-link'> <span class='link-arrow'></span> <a class='text-link-2'>Traktandierungen im Regierungsrat</a> </div>
CSS
@media screen and (max-width: 1119px) { div.arrow-link { margin-top: 1px; } } @media screen and (max-width: 767px) { div.arrow-link { margin-top: 0px; margin-bottom: 5px; } } span.link-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.arrow-link > span.link-arrow { float: left; margin-top: 6px; } div.arrow-link > a.text-link-2 { margin-top: 0px; } 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
Arrow-Link
Erstellt: 29.06.2021 - 20:03 Uhr
Letzte Änderung: 21.07.2021 - 18:41 Uhr
×
Traktandierungen im Regierungsrat