Service-Links, Warenkorb, Suche im Header überarbeitet

Vorbereitung für Versandinfo und Service-Telefonnummer.
This commit is contained in:
akarl
2020-01-20 17:32:37 +01:00
parent 65f941d7df
commit c6136a39c2
4 changed files with 214 additions and 4 deletions

View File

@@ -1,16 +1,49 @@
/* *** HEADER / BASICS ********************************************************************************************** */
/* Header */
.header-main {
background: @brand-primary;
> div {
background: @brand-primary; }
.header--navigation {
min-height: 80px!important;
min-height: 100px!important;
.logo--shop {
a {
padding: 5px 0;
img {
min-height: 60px; } } } } }
min-height: 70px; } } } } }
/* Suche */
.entry--search {
background: @brand-primary!important;
.main-search--form {
box-shadow: none!important;
label{
display: block;
width: 10%;
padding: 0.7em 0.5em 0 0;
float: left;
text-transform: uppercase;
font-weight: 700;
color: #fff; }
input{
width: 80%!important;
float: left;
border: none;
border-radius: 0;
box-shadow: none;
background: #fff!important;
margin-top: 0.4em!important;
padding-top: 0.2em!important;
padding-bottom: 0.2em!important;
height: 2em!important; }
button{
width: 10%!important;
float: left;
i{
color: #fff; } } } }
/* Main Navigation */
.navigation--list-wrapper {
padding: 0;
text-align: center;
@@ -29,3 +62,42 @@
margin-bottom: 0.5em;
&:before {
font-size: 35px; } } } } } }
/* Service Navigation */
.navigation--list {
.navigation--entry {
.account--link {
text-align: center;
background: transparent;
padding: 0 5px;
border-color: transparent;
.account--display {
display: block;
color: #fff;
font-weight: 300;
padding: 2px 5px!important; }
.wbn-icon-set {
display: block;
height: 35px!important;
margin-bottom: 2px;
&:before {
font-size: 35px;
color: #fff; } } }
.cart--link {
text-align: center;
background: transparent;
padding: 2px 5px;
border-color: transparent;
.cart--amount {
display: block;
color: #fff;
font-weight: 300;
padding: 2px 5px!important; }
.wbn-icon-set {
display: block;
height: 35px!important;
&:before {
font-size: 35px;
color: #fff; } } } } }
.cssAnker {}