Sha256: 1c35c0700fe1557d9ab4991c0099a9a456a2667a8465a9ce0610c873098768f9
Contents?: true
Size: 1.07 KB
Versions: 40
Compression:
Stored size: 1.07 KB
Contents
/*------------------------------------
Navigation Style v1
------------------------------------*/
.navbar .u-main-nav-v1 {
.nav-link {
@extend %u-main-nav-base-link;
color: $g-color-gray-dark-v2;
@include px-to-rem(padding, 11px 30px);
@include px-to-rem(border-radius, 22px);
}
.nav-item {
&.hs-has-sub-menu,
&.hs-has-mega-menu,
&.dropdown {
@extend %u-main-nav-has-sub-menu;
> a {
@include px-to-rem(padding-right, 45px);
&::after {
@include px-to-rem(right, 25px);
}
}
}
&.active > .nav-link,
&:hover > .nav-link,
&:focus > .nav-link,
&.show > .nav-link,
&.hs-sub-menu-opened > .nav-link,
.nav-link:focus {
color: $g-color-white;
background-color: $g-color-primary;
}
}
}
@media all and (max-width: #{$g-xl}-1) {
.navbar .u-main-nav-v1 {
.nav-link {
@include px-to-rem(padding, 9px 20px);
}
.nav-item {
&.hs-has-sub-menu,
&.hs-has-mega-menu,
&.dropdown {
> a {
@include px-to-rem(padding-right, 35px);
&::after {
@include px-to-rem(right, 15px);
}
}
}
}
}
}
Version data entries
40 entries across 40 versions & 1 rubygems