yapayzeka/public/assets/scss/header/_onepage.scss

54 lines
906 B
SCSS
Raw Permalink Normal View History

2024-09-09 15:01:42 -07:00
/*----------------------
One Page Nav
------------------------*/
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: auto;
}
}
.mainmenu-nav.onepagenav .mainmenu > li > a {
position: relative;
padding: 0;
}
.mainmenu-nav.onepagenav .mainmenu li {
margin: 0 17px;
}
.mainmenu-nav.onepagenav .mainmenu > li > a::after {
position: absolute;
content: "";
left: 0;
background: var(--color-primary);
width: 0;
height: 2px;
bottom: 0;
opacity: 0;
transition: 0.4s;
}
.mainmenu-nav.onepagenav .mainmenu > li.current > a::after {
width: 100%;
opacity: 1;
}
// Responsive Layout
@media #{$laptop-device} {
.header-default.header-center-align .header-right .header-btn {
margin-left: 0;
}
}
@media #{$lg-layout} {
.mainmenu-nav.onepagenav .mainmenu li {
margin: 0 7px;
}
}