| Current Path : /home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/components/ |
| Current File : //home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/components/_navigation.less |
.nav-sections,
.navigation {
background: @color-white;
font-weight: 600;
& when (@media-common = false) {
margin-bottom: 0;
.ui-menu{
> .level0 {
&:hover,
&:focus,
&:active {
position: relative;
color: @theme__color__primary;
&:before {
content: '';
display: block;
position: absolute;
top: -3px;
left: 0;
right: 0;
height: 3px;
background-color: @theme__color__primary;
border-radius: 3px;
}
}
}
}
.level0 {
&.parent {
> .level-top > {
.ui-menu-icon {
font-family: @fa-style-family;
font-weight: @fa-style;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
&:before {
content: "\f107";
}
&:after {
content: none;
}
}
}
}
> .level-top {
color: @color-gray19;
text-transform: uppercase;
}
&.active,
&.has-active {
> .level-top {
color: @color-gray19;
border-width: 0;
line-height: 57px;
display: inline-block;
}
}
.submenu {
box-shadow: none;
font-weight: normal;
padding-top: 2rem;
padding-bottom: 2rem;
li.parent {
> a {
> .ui-menu-icon {
font-family: @fa-style-family;
font-weight: @fa-style;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
right: 1rem;
&:before {
content: "\f105";
}
&:after {
content: none;
}
}
}
}
a {
padding-left: 1rem;
padding-right: 1rem;
color: @color-gray19;
font-weight: normal;
}
.active {
a {
border: none;
}
}
}
}
}
}
.breadcrumbs {
margin-left: 0;
margin-right: 0;
padding: 10px 0;
width: auto;
max-width: 100%;
background-color: @color-gray95;
.items {
max-width: 1400px;
width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
line-height: 1.5;
.item {
&:first-child {
font-weight: bold;
margin-left: 20px;
}
&:not(:last-child) {
&:after {
font-family: inherit;
content: '/';
margin: 0 2px;
font-size: inherit;
line-height: inherit;
}
}
}
}
}
.page-layout-2columns-left {
& when (@media-common = false) {
.column.main {
width: 79%;
border-left: 1px @border-color__base solid;
padding-left: 3rem;
}
.sidebar-main {
width: 21%;
padding-right: 4.7rem;
}
}
}