More-Link
CODE
×
HTML
<a class='more' href='#'>Mehr erfahren</a>
CSS
a.more { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-m); letter-spacing: var(--bf-ls); word-spacing: var(--bf-ws); line-height: var(--lh-s); color: var(--fc1); display:inline-block; margin-top: 16px; margin-bottom: 20px; } a.more:hover, a.more:focus { color: var(--fsc1); } @media screen and (max-width: 991px) { a.more { font-size: var(--fs-s); margin-top: 12px; margin-bottom: 16px; } } @media screen and (max-width: 575px) { a.more { font-size: var(--fs-xs); margin-top: 8px; margin-bottom: 12px; } } a.more { text-decoration: none; border-bottom: 1px solid var(--fsc1); } a { color: var(--fc4); } a:hover, a:focus { color: var(--fsc1); } a { text-decoration-color: var(--fsc1); } a:hover { text-decoration-color: var(--fsc1); }
JS
More-Link
Last Edit: Oct 10, 2023, 2:19pm
×
Mehr erfahren