| 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/_header.less |
//@magento_import '../source/_extend.less';
.logo {
& when (@media-common = true) {
max-width: 119px;
}
& when (@media-common = false) {
max-width: 100%;
}
}
.page-header {
.panel.wrapper {
border-bottom: none;
background-color: @color-white;
color: @primary__color;
font-size: @font-size__s;
}
}
.header.panel {
> .header.links {
font-size: inherit;
> li {
font-size: inherit;
> a {
color: @primary__color;
&:visited,
&:focus,
&:hover {
color: inherit;
}
}
}
}
}
.header-wrapper {
position: relative;
}
.page-header {
& when (@media-common = false) {
border-bottom: 1px @border-color__base solid;
}
.header.content {
& when (@media-common = false) {
padding: 22px;
display: flex;
justify-content: space-between;
align-items: center;
&:before,
&:after {
content: none;
}
.logo {
margin: 0;
}
}
}
.panel.header {
> .ribbon {
display: none;
}
& when (@media-common = false) {
position: relative;
> .ribbon {
display: block;
position: absolute;
top: 0;
right: 16px;
}
> .header.links {
margin-right: 215px;
}
}
}
}
.header-contatti {
display: none;
padding: 0;
list-style: none none;
float: left;
margin: 0 0 0 auto;
> li {
display: inline-block;
line-height: 1.4;
margin-left: 0.75rem;
margin-bottom: 0;
&:first-child {
margin-left: 0;
}
a {
&,
&:focus,
&:hover {
color: @primary__color;
}
}
}
& when (@media-common = false) {
display: block;
}
}
.block-search {
input {
background-color: @color-gray95;
border-radius: 0.25rem;
border-width: 0;
color: @color-gray46;
font-size: @font-size__base;
height: 58px;
&::placeholder {
color: @color-gray46;
opacity: 1;
}
}
.action.search {
background-color: @theme__color__primary;
color: @color-white;
right: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 13px;
&:hover,
&:focus {
background-color: @theme__color__primary-alt;
color: @color-white;
}
&:before {
font-size: 45px;
color: inherit;
}
}
& when (@media-common = false) {
width: 654px;
}
}
& when (@media-common = true) {
@media only screen and (max-width: 768px) {
.header-wrapper-right {
.wishlist,
.links {
display: none;
}
.minicart-wrapper {
margin-top: 0;
position: absolute;
top: 21px;
right: 26px;
.block-minicart {
right: -26px;
top: 38px;
}
}
}
.block-search .label {
margin-right: 30px;
}
}
}
& when (@media-common = false) {
.header-wrapper-right {
display: flex;
align-items: center;
.wishlist,
.minicart-wrapper {
height: 2.8rem;
}
> .header.links {
margin: 0;
padding: 0;
order: 3;
list-style: none;
position: relative;
margin-left: 16px;
padding-left: 30px;
&:before {
content: "\f007";
font-family: @fa-style-family;
font-weight: @fa-style;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: @fa-display;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
position: absolute;
left: 0;
top: 50%;
font-size: 22px;
margin-top: -11px;
}
li {
margin-bottom: 0;
color: @color-gray60;
font-size: 12px;
line-height: 14px;
&.authorization-link {
color: @color-gray20;
}
a {
&,
&:hover,
&:active,
&:focus,
&:visited {
color: inherit;
}
}
}
}
.customer-welcome {
&.active {
.user-menu {
position: absolute;
right: 0;
top: 49px;
}
}
.action.switch {
> span {
clip: auto;
height: auto;
margin: auto;
overflow: auto;
position: static;
width: auto;
}
&:after {
content: none;
}
}
}
}
}