Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/cartforge.co/app/design/frontend/Smartwave/porto_rtl/web/css/source/ |
// /**
// * Copyright © 2015 Magento. All rights reserved.
// * See COPYING.txt for license details.
// */
//
// Common
// _____________________________________________
& when (@media-common = true) {
.panel.header {
.links,
.switcher {
display: none;
}
}
.nav-toggle {
.lib-icon-font(
@icon-menu,
@_icon-font-size: 20px,
@_icon-font-color: inherit,
@_icon-font-color-hover: inherit
);
.lib-icon-text-hide();
cursor: pointer;
display: block;
margin-left: 20px;
position: relative;
z-index: 1;
padding: 6.5px 1px 6.5px 10px;
text-align: center;
vertical-align: middle;
margin: 8px 0 8px .25rem;
line-height: 20px;
border-radius: .25rem;
}
}
//
// Mobile
// _____________________________________________
@active-nav-indent: 54px;
@media (max-width: 991px) {
.navigation {
.parent {
.level-top {
position: relative;
.lib-icon-font(
@_icon-font-content: @icon-down,
@_icon-font-size: 42px,
@_icon-font-position: after,
@_icon-font-display: block
);
color: #777;
&:after {
position: absolute;
left: 7px;
top: -8px;
}
&.ui-state-active {
.lib-icon-font-symbol(
@_icon-font-content: @icon-up,
@_icon-font-position: after
);
}
}
}
}
.nav-sections {
.lib-css(transition, right .3s, 1);
height: 100%;
right: -80%;
right: calc(~"-1 * (100% - @{active-nav-indent})");
overflow: auto;
position: fixed;
top: 0;
width: 80%;
width: calc(~"100% - @{active-nav-indent}");
background-color: @mobile_navigation__background;
.switcher {
border-bottom: 1px solid @mobile_navigation__border-color;
font-weight: 400;
margin: 0;
padding: 12px 20px;
height: auto;
color: #777;
.label {
display: block;
margin-bottom: @indent__xs;
}
&-trigger {
strong {
display: inline-block !important;
position: relative;
}
}
&-dropdown {
.lib-list-reset-styles();
padding: @indent__s 0;
}
}
.header.links {
.lib-list-reset-styles();
color: @mobile_navigation_submenu__font-color;
li {
border-bottom: 1px solid @mobile_navigation__border-color;
margin: 0;
&.greet.welcome {
font-weight: 400;
padding: 12px 20px;
}
}
a,
a:hover {
.lib-css(color, @mobile_navigation__font-color);
.lib-css(text-decoration, @navigation-level0-item__text-decoration);
display: block;
font-weight: 400;
padding: 12px 20px;
}
a:hover {
color: @_link-color-hover !important;
}
}
}
.nav-before-open {
height: 100%;
width: 100%;
.page-wrapper {
.lib-css(transition, right .3s, 1);
height: 100%;
right: 0;
overflow: hidden;
position: relative;
}
body {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
}
.nav-open {
.page-wrapper {
right: 80%;
right: calc(~"100% - @{active-nav-indent}");
overflow: visible;
}
.nav-sections {
@_shadow: 0 0 5px 0 rgba(50, 50, 50, .75);
.lib-css(box-shadow, @_shadow, 1);
right: 0;
z-index: 99;
}
.nav-toggle {
&:after{
background: rgba(0,0,0,.01);
content: '';
display: block;
height: 100%;
position: fixed;
left:0;
top: 0;
width: 100%;
z-index: 1;
}
}
}
header.page-header .nav-sections {
&-items {
.lib-clearfix();
position: relative;
z-index: 1;
}
&-item-title {
background: @mobile_navigation-tab__background;
border: solid rgba(255,255,255,0.3);
border-width: 0 0 1px 1px;
box-sizing: border-box;
float: right;
height: 71px;
padding-top: 24px;
text-align: center;
width: 33.33%;
&.active {
background: transparent;
border-bottom: 0;
> a, > a:hover, > a:focus {
color: @mobile_navigation-tab-active__font-color;
}
}
> a, > a:hover, > a:focus {
color: @mobile_navigation-tab__font-color;
}
}
&-item-content {
.lib-clearfix();
box-sizing: border-box;
float: left;
margin-right: -100%;
margin-top: 71px;
width: 100%;
&.active {
display: block;
}
}
}
.lib-main-navigation(
@_nav-background-color: transparent,
@_nav-level0-item-border: 1px solid @mobile_navigation__border-color,
@_nav-level0-item-color: @mobile_navigation__font-color,
@_nav-level0-font-size: 13px,
@_nav-level0-font-weight: 400,
@_submenu-item-color: @mobile_navigation_submenu__font-color
);
.navigation {
a {
padding-top: 10px;
padding-bottom: 10px;
&:hover {
color: @_link-color-hover !important;
}
}
li.level0 {
line-height: 16px;
&:first-child {
border-top: 0;
}
> a.level-top {
padding: 13px 15px 13px 36px;
}
> a.ui-state-active {
color: #000;
font-weight: 600;
&, & + .submenu {
background-color: @mobile_navigation_opened_submenu__background-color;
}
}
&.active .all-category .ui-state-focus, &.active > a:not(.ui-state-active), &.has-active > a:not(.ui-state-active), &.active > a:not(.ui-state-active) span:not(.ui-menu-icon), &.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
border-left: 0;
margin-right: 0;
}
> .ui-menu-item > a {
font-weight: 400;
}
.ui-menu-item > a:before {
content: @icon-right-open;
display: inline;
font-family: @icon-font-family;
margin-right: 10px;
font-size: 16px;
vertical-align: top;
color: @mobile_navigation_opened_submenu-item_icon-color;
}
ul.level0 > .level1 {
font-weight: 400;
}
}
ul.submenu {
&, &:not(:first-child) {
padding-right: 15px;
.active > a, .level1.active > a {
padding-right: 15px;
border: 0;
font-weight: 600;
}
}
> li {
line-height: 16px;
}
}
}
}
//
// Desktop
// _____________________________________________
@media(min-width: 992px) {
.nav-toggle {
display: none;
}
.nav-sections {
.lib-vendor-prefix-flex-shrink(0);
.lib-vendor-prefix-flex-basis(auto);
&-item-title {
display: none;
}
&-item-content > * {
display: none;
}
&-item-content > .navigation {
display: block;
z-index: 5;
}
}
.lib-main-navigation-desktop(
@_nav-level0-item__active__border-width: 0,
@_nav-level0-item-line-height: 46px,
@_nav-font-size: 12px,
@_submenu-border-width: 0,
@_submenu-border-style: solid,
@_submenu-border-color: @theme-color,
@_submenu-font-weight: 400,
@_submenu-item-color: #777,
@_submenu-item-padding: 9px 5px,
@_submenu-item__hover__background-color: #f4f4f4,
@_submenu-item-color-hover: #777
);
.panel.header {
.links,
.switcher {
display: inline-block;
margin: 0;
vertical-align: middle;
}
}
.navigation li.level0 {
transition-delay: 0.3s;
margin-left: 0;
}
}