Skip to content
Snippets Groups Projects
Commit fa2685ab authored by Ron Lucke's avatar Ron Lucke Committed by Marcus Eibrink-Lunzenauer
Browse files

fix #729

parent d38df866
No related branches found
No related tags found
No related merge requests found
...@@ -4114,12 +4114,12 @@ headline block ...@@ -4114,12 +4114,12 @@ headline block
} }
&.bigicon_top { &.bigicon_top {
.icon-layer { .icon-layer {
display: flex;
align-items: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center calc(50% - 8em); background-position: center;
margin-top: 8em;
margin-bottom: 1em;
background-size: 196px; background-size: 196px;
min-height: 600px; height: 196px;
@each $icon in $icons { @each $icon in $icons {
&.icon-black-#{$icon} { &.icon-black-#{$icon} {
...@@ -4143,18 +4143,20 @@ headline block ...@@ -4143,18 +4143,20 @@ headline block
}; };
&.half { &.half {
min-height: 300px; height: 144px;
background-size: 144px; background-size: 144px;
background-position: center calc(50% - 4em); background-position: center;
margin-top: 2em;
margin-bottom: 0;
} }
} }
.cw-block-headline-textbox { .cw-block-headline-textbox {
width: 100%; width: 80%;
padding-bottom: 4em;
margin: 0 auto;
.cw-block-headline-title { .cw-block-headline-title {
h1 { h1 {
margin-top: 2em;
border: none; border: none;
font-size: 5em; font-size: 5em;
text-align: center; text-align: center;
...@@ -4171,17 +4173,18 @@ headline block ...@@ -4171,17 +4173,18 @@ headline block
} }
} }
} }
&.bigicon_before { &.bigicon_before {
.icon-layer {
display: flex; display: flex;
align-items: center; align-items: center;
background-repeat: no-repeat;
background-position: 4em center;
min-height: 600px; min-height: 600px;
.icon-layer {
min-height: 196px;
min-width: 196px;
margin:0 28px 0 28px;
background-repeat: no-repeat;
background-position: left center;
&.half {
min-height: 300px;
}
@each $icon in $icons { @each $icon in $icons {
&.icon-black-#{$icon} { &.icon-black-#{$icon} {
@include background-icon($icon, info, 196); @include background-icon($icon, info, 196);
...@@ -4205,14 +4208,12 @@ headline block ...@@ -4205,14 +4208,12 @@ headline block
} }
.cw-block-headline-textbox { .cw-block-headline-textbox {
width: 100%; margin: 2em 1em 2em 0;
.cw-block-headline-title { .cw-block-headline-title {
h1 { h1 {
border: none; border: none;
font-size: 5em; font-size: 5em;
text-align: left; text-align: left;
margin-left: 4.25em;
} }
} }
...@@ -4220,10 +4221,13 @@ headline block ...@@ -4220,10 +4221,13 @@ headline block
display: none; display: none;
} }
} }
&.half {
min-height: 300px;
}
} }
&.ribbon { &.ribbon {
.icon-layer {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 600px; min-height: 600px;
...@@ -4235,6 +4239,7 @@ headline block ...@@ -4235,6 +4239,7 @@ headline block
.cw-block-headline-textbox { .cw-block-headline-textbox {
width: 100%; width: 100%;
padding: 1em 0; padding: 1em 0;
margin: 3em 0;
background-color: fade-out($black, 0.5); background-color: fade-out($black, 0.5);
.cw-block-headline-title { .cw-block-headline-title {
...@@ -4257,7 +4262,6 @@ headline block ...@@ -4257,7 +4262,6 @@ headline block
} }
} }
} }
}
.cw-container-colspan-half, .cw-container-colspan-half,
.cw-container-colspan-half-center { .cw-container-colspan-half-center {
.cw-block-headline { .cw-block-headline {
...@@ -4277,12 +4281,10 @@ headline block ...@@ -4277,12 +4281,10 @@ headline block
} }
&.bigicon_top { &.bigicon_top {
.icon-layer { .icon-layer {
background-position: center calc(50% - 4em); background-position: center;
min-height: 300px; height: 98px;
margin-top: 2em;
&.half { margin-bottom: 1em;
min-height: 150px;
}
@each $icon in $icons { @each $icon in $icons {
&.icon-black-#{$icon} { &.icon-black-#{$icon} {
...@@ -4307,15 +4309,18 @@ headline block ...@@ -4307,15 +4309,18 @@ headline block
&.half { &.half {
background-size: 72px; background-size: 72px;
background-position: center calc(50% - 2em); height: 72px;
background-position: center;
} }
} }
.cw-block-headline-textbox { .cw-block-headline-textbox {
max-width: 80%;
margin: 0 auto;
padding-bottom: 1em;
.cw-block-headline-title { .cw-block-headline-title {
h1 { h1 {
margin-top: 2.5em;
font-size: 2em; font-size: 2em;
} }
} }
...@@ -4328,13 +4333,11 @@ headline block ...@@ -4328,13 +4333,11 @@ headline block
} }
} }
&.bigicon_before { &.bigicon_before {
.icon-layer {
min-height: 300px; min-height: 300px;
.icon-layer {
&.half { min-height: 92px;
min-height: 150px; min-width: 92px;
} background-position: 0 center;
background-position: 2em center;
@each $icon in $icons { @each $icon in $icons {
&.icon-black-#{$icon} { &.icon-black-#{$icon} {
@include background-icon($icon, info, 92); @include background-icon($icon, info, 92);
...@@ -4363,12 +4366,14 @@ headline block ...@@ -4363,12 +4366,14 @@ headline block
font-size: 2.5em; font-size: 2.5em;
} }
} }
}
&.half {
min-height: 150px;
} }
} }
&.ribbon { &.ribbon {
.icon-layer {
min-height: 300px; min-height: 300px;
&.half { &.half {
...@@ -4376,12 +4381,13 @@ headline block ...@@ -4376,12 +4381,13 @@ headline block
} }
.cw-block-headline-textbox { .cw-block-headline-textbox {
margin: 3em 0;
.cw-block-headline-title { .cw-block-headline-title {
h1 { h1 {
font-size: 2.5em; font-size: 2.5em;
} }
} }
.cw-block-headline-subtitle { .cw-block-headline-subtitle {
h2 { h2 {
font-size: 12px; font-size: 12px;
...@@ -4392,7 +4398,6 @@ headline block ...@@ -4392,7 +4398,6 @@ headline block
} }
} }
} }
}
.responsive-display { .responsive-display {
.cw-block-headline { .cw-block-headline {
...@@ -4404,7 +4409,6 @@ headline block ...@@ -4404,7 +4409,6 @@ headline block
} }
.cw-block-headline-textbox .cw-block-headline-title h1 { .cw-block-headline-textbox .cw-block-headline-title h1 {
font-size: 4em; font-size: 4em;
margin-left: 225px;
} }
} }
} }
......
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
class="icon-layer" class="icon-layer"
:class="['icon-' + currentIconColor + '-' + currentIcon, currentHeight === 'half' ? 'half' : 'full']" :class="['icon-' + currentIconColor + '-' + currentIcon, currentHeight === 'half' ? 'half' : 'full']"
> >
</div>
<div class="cw-block-headline-textbox"> <div class="cw-block-headline-textbox">
<div class="cw-block-headline-title"> <div class="cw-block-headline-title">
<h1 :style="textStyle">{{ currentTitle }}</h1> <h1 :style="textStyle">{{ currentTitle }}</h1>
...@@ -27,7 +28,6 @@ ...@@ -27,7 +28,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<template v-if="canEdit" #edit> <template v-if="canEdit" #edit>
<form class="default" @submit.prevent=""> <form class="default" @submit.prevent="">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment