Main-Menue-active (Campaign)
CODE
×
HTML
<span class='main-menue-campaign active'>Menü-Element aktiv</span>
CSS
span.main-menue-campaign.active { font-size: 18px; line-height: 21px; font-family: 'Roboto'; font-style: normal; font-weight: 400; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); text-decoration:none; display:inline-block; margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px); height: 36px; line-height: 1.5; margin-top: 34px; } span.main-menue-campaign.active:after { display: block; content: ''; border: 1px solid #EA161F; border-radius: 3px; height: 2px; background-color: #EA161F; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
JS
Main-Menue-active (Campaign)
×
MenĂ¼-Element aktiv