Anpassung für den DevSever von WEBneo

This commit is contained in:
akarl 2020-02-11 16:05:17 +01:00
parent 2648a29955
commit 94a35c726e
7 changed files with 38 additions and 36 deletions

View File

@ -1,8 +1,4 @@
/* *** FONTS / BASICS *********************************************************************************************** */ /* *** FONTS / BASICS *********************************************************************************************** */
#fontsAnker {
color: red; }
@font-face { @font-face {
font-family: 'wbn-icon'; font-family: 'wbn-icon';
src: url('@{baseUrlFonts}wbn-icon.eot?ix8d2v'); src: url('@{baseUrlFonts}wbn-icon.eot?ix8d2v');

View File

@ -74,9 +74,11 @@ footer {
.unitize-height(150); .unitize-height(150);
.first--headline { .first--headline {
.unitize(margin-top,35); .unitize(margin-top,35);
.unitize(font-size,35); } .unitize(font-size,35);
color: @brand-primary; }
.second--headline { .second--headline {
.unitize(font-size,17.8); } .unitize(font-size,17.8);
color: @brand-primary; }
} }
} }
@ -84,19 +86,21 @@ footer {
background: @brand-footer; background: @brand-footer;
.container { .container {
background: @brand-footer; background: @brand-footer;
color: #fff; color: @white;
a, .column--headline { a, .column--headline {
color: #fff; } } } color: @white; } } }
.footer--bottom-wrapper { .footer--bottom-wrapper {
border-top: 2px solid #fff; border-top: 2px solid @white;
background: @brand-payment; background: @brand-payment;
.container { .container {
background: @brand-payment; background: @brand-payment;
color: #fff; color: @white;
a, .column--headline { a, .column--headline {
color: #fff; } } } color: @white; } } }
&.footer-main { &.footer-main {
.unitize(margin-top, 24);
background: @white!important;
.footer--column { .footer--column {
width: 33%; width: 33%;
.unitize(padding-top,30); .unitize(padding-top,30);
@ -107,11 +111,11 @@ footer {
display: block; display: block;
.unitize-width(60); .unitize-width(60);
.unitize-height(5); .unitize-height(5);
background: #fff; } } background: @white; } }
.column--navigation { .column--navigation {
.navigation--entry { .navigation--entry {
a{ a{
color: #fff; color: @white;
display: block; display: block;
&:hover { &:hover {
color: @link-red; } } color: @link-red; } }
@ -127,7 +131,7 @@ footer {
.unitize(margin-left, -15); } } } .unitize(margin-left, -15); } } }
&.shop--service { &.shop--service {
span { span {
color: #fff; color: @white;
display: block; display: block;
.unitize-padding(3,0,3,25); .unitize-padding(3,0,3,25);
&:before { &:before {

View File

@ -1,5 +1,4 @@
/* *** Global ******************************************************************************************************* */ /* *** Global ******************************************************************************************************* */
.cds--block { .cds--block {
display: block; } display: block; }

View File

@ -42,14 +42,14 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: @font-bold-weight; font-weight: @font-bold-weight;
font-size: 16px; font-size: 16px;
color: #fff; } color: @white; }
input{ input{
width: calc(~'100% - 140px')!important; width: calc(~'100% - 140px')!important;
float: left; float: left;
border: none; border: none;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
background: #fff!important; background: @white!important;
margin-top: 0.4em!important; margin-top: 0.4em!important;
.unitize(padding-top, 3); .unitize(padding-top, 3);
.unitize(padding-bottom, 3); .unitize(padding-bottom, 3);
@ -59,7 +59,7 @@
float: left; float: left;
.unitize(right,25); .unitize(right,25);
i{ i{
color: #fff; } } } } color: @white; } } } }
/* Service Navigation */ /* Service Navigation */
@ -76,7 +76,7 @@
border-color: transparent; border-color: transparent;
.account--display { .account--display {
display: block; display: block;
color: #fff; color: @white;
font-weight: @font-light-weight; font-weight: @font-light-weight;
.unitize-padding(2,5); }; .unitize-padding(2,5); };
.wbn-icon-set { .wbn-icon-set {
@ -85,7 +85,7 @@
.unitize(margin-bottom, 3); .unitize(margin-bottom, 3);
&:before { &:before {
.unitize(font-size,35); .unitize(font-size,35);
color: #fff; } } } color: @white; } } }
.cart--link { .cart--link {
text-align: center; text-align: center;
background: transparent; background: transparent;
@ -93,7 +93,7 @@
border-color: transparent; border-color: transparent;
.cart--amount { .cart--amount {
display: block; display: block;
color: #fff; color: @white;
font-weight: @font-light-weight; font-weight: @font-light-weight;
.unitize-padding(3,5,0,5); } .unitize-padding(3,5,0,5); }
.wbn-icon-set { .wbn-icon-set {
@ -101,19 +101,19 @@
.unitize-height(35); .unitize-height(35);
&:before { &:before {
.unitize(font-size,35); .unitize(font-size,35);
color: #fff; } } } color: @white; } } }
.cds--info-block { .cds--info-block {
text-align: center; text-align: center;
color: #fff; color: @white;
a { a {
color: #fff; } color: @white; }
.sw-icon-set { .sw-icon-set {
display: block; display: block;
.unitize-height(35); .unitize-height(35);
.unitize(margin-bottom,3); .unitize(margin-bottom,3);
&:before { &:before {
.unitize(font-size,30); .unitize(font-size,30);
color: #fff; } color: @white; }
&.icon--truck { &.icon--truck {
transform: scaleX(-1); transform: scaleX(-1);
.unitize-min-height(45); .unitize-min-height(45);
@ -164,7 +164,7 @@
li { li {
.navigation--link { .navigation--link {
border-radius: 0; border-radius: 0;
border-color: #fff; border-color: @white;
border-width: 0 1px; border-width: 0 1px;
border-style: solid; border-style: solid;
span{ span{
@ -182,7 +182,7 @@
.navigation--list .navigation--entry.is--active .navigation--link, .navigation--list .navigation--entry.is--active .navigation--link,
.navigation--list .navigation--entry.is--hovered .navigation--link, .navigation--list .navigation--entry.is--hovered .navigation--link,
.navigation--list .navigation--entry.is--active .navigation--link:hover { .navigation--list .navigation--entry.is--active .navigation--link:hover {
background: #fff; background: @white;
font-weight: @font-bold-weight; font-weight: @font-bold-weight;
color: @link-red; color: @link-red;
.wbn-icon-set:before { .wbn-icon-set:before {
@ -214,7 +214,7 @@
width: 100%; width: 100%;
text-align: center; text-align: center;
font-weight: @font-bold-weight; } } } } font-weight: @font-bold-weight; } } } }
.menu--level-0 { /* mit Mike besprechen! */
&.columns--4 { .has--teaser {
-webkit-column-count: 5; .menu--list {
column-count: 5; } } } width: 75%; } } }

View File

@ -2,8 +2,9 @@
@brand-footer : #1D4788; @brand-footer : #1D4788;
@brand-payment: #1A3764; @brand-payment: #1A3764;
@link-red : #D9400B; @link-red : #D9400B;
@white : #FFFFFF;
@black : #000000;
/* *** Paths ******************************************************************************************************** */ /* *** Paths ******************************************************************************************************** */

View File

@ -25,8 +25,10 @@
<li class="navigation--entry{if $sCategory.flag} is--active{/if}" role="menuitem"> <li class="navigation--entry{if $sCategory.flag} is--active{/if}" role="menuitem">
{block name='frontend_index_navigation_categories_top_link'} {block name='frontend_index_navigation_categories_top_link'}
<a class="navigation--link{if $sCategory.flag} is--active{/if}" href="{$sCategory.link}" title="{$sCategory.description}" aria-label="{$sCategory.description}" itemprop="url"{if $sCategory.external && $sCategory.externalTarget} target="{$sCategory.externalTarget}"{/if}> <a class="navigation--link{if $sCategory.flag} is--active{/if}" href="{$sCategory.link}" title="{$sCategory.description}" aria-label="{$sCategory.description}" itemprop="url"{if $sCategory.external && $sCategory.externalTarget} target="{$sCategory.externalTarget}"{/if}>
{if $sCategory.attribute.cat_css} {if $sCategory.attribute.cat_icon}
<span class="wbn-icon-set {$sCategory.attribute.cat_css}"></span> <span class="wbn-icon-set {$sCategory.attribute.cat_css} {$sCategory.attribute.cat_icon}"></span>
{elseif $sCategory.attribute.cat_css}
<span class="wbn-icon-set {$sCategory.attribute.cat_css} {$sCategory.attribute.cat_css}"></span>
{else} {else}
<span class="wbn-icon-set wbn-icon-empty"></span> <span class="wbn-icon-set wbn-icon-empty"></span>
{/if} {/if}

View File

@ -1,8 +1,8 @@
{function name="categories_top" level=0} {function name="categories_top" level=0}
{$columnIndex = 0} {$columnIndex = 0}
{$menuSizePercentage = 100 - (25 * $columnAmount * intval($hasTeaser))} {$menuSizePercentage = 100 - (20 * $columnAmount * intval($hasTeaser))}
{$columnCount = 5 - ($columnAmount * intval($hasTeaser))} {$columnCount = 4 - ($columnAmount * intval($hasTeaser))}
<ul class="menu--list menu--level-{$level}"> <ul class="menu--list menu--level-{$level}">
{block name="frontend_plugins_advanced_menu_list"} {block name="frontend_plugins_advanced_menu_list"}