--mainHoverColor: #{$orange-hover-color};
--mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color};
+
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
+
--inputColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
+ --supportButtonBackgroundColor: #{$support-button};
+ --supportButtonColor: #{$white};
+
font-family: $main-fonts;
font-weight: $font-regular;
color: var(--mainForegroundColor);
+ background-color: var(--mainBackgroundColor);
font-size: 14px;
}
@include disable-default-a-behaviour;
&.active, &.title-page-single {
- border-bottom: 2px solid var(--mainColor);
font-weight: $font-bold;
margin-top: 30px;
margin-bottom: 25px;
}
+ &.active {
+ border-bottom: 2px solid var(--mainColor);
+ }
+
+ &.title-page-single {
+ font-size: 125%;
+ }
+
&:hover, &:active, &:focus {
color: var(--mainForegroundColor);
}