[Vertigo EU] : home positionning title

diff --git a/app/themes/base/static/src/sass/modules/_hero.scss b/app/themes/base/static/src/sass/modules/_hero.scss
index 5cc7854ce462fc1d1c3d1be9ef19e88c12243929..16e3a82156dd7a11d1d4cfe131224a7d0d1c02b1 100644 (file)
--- a/app/themes/base/static/src/sass/modules/_hero.scss
+++ b/app/themes/base/static/src/sass/modules/_hero.scss
@@ -1,5 +1,6 @@
 $module: ".hero";
 
+
 #{$module} {
 
     background-image: url(../img/vertigo/hero.jpg);
@@ -10,6 +11,43 @@ $module: ".hero";
     margin-bottom: 350px;
     position: relative;
 
+    &.large-title {
+        margin-bottom: 500px;
+
+        #{$module}__title {
+            img {
+                max-width: 73%;
+            }
+            margin: 0 auto;
+            position: relative;
+
+            @include mq($until: lg) {
+                padding-top: 60px;
+            }
+            @include mq($until: md) {
+                padding-top: 97px;
+            }
+            @include mq($until: sm) {
+                padding-top: 115px;
+            }
+            @include mq($until: xs) {
+                padding-top: 120px;
+            }
+        }
+        @include mq($until: lg) {
+            margin-bottom: 450px;
+        }
+        @include mq($until: md) {
+            margin-bottom: 350px;
+        }
+        @include mq($until: sm) {
+            margin-bottom: 300px;
+        }
+        @include mq($until: xs) {
+            margin-bottom: 90px;
+        }
+    }
+
     @include mq($until: xs) {
         height: 346px;
         margin-bottom: 140px;

diff --git a/app/themes/vertigo_starts_eu/templates/vertigo_starts_eu/home/inc/hero.html b/app/themes/vertigo_starts_eu/templates/vertigo_starts_eu/home/inc/hero.html
index 5a7570bd1b12a11f94588eb2a28e2c6823846376..24f43d115c3c940f4195b40377821668836915ee 100644 (file)
--- a/app/themes/vertigo_starts_eu/templates/vertigo_starts_eu/home/inc/hero.html
+++ b/app/themes/vertigo_starts_eu/templates/vertigo_starts_eu/home/inc/hero.html
@@ -2,44 +2,15 @@
 
 {% with home.images.all|get_type:'page_featured' as images %}
 {% if images %}
-<div class="hero" style="background-image: url({{ MEDIA_URL}}{{ images.first.file }})">
+<div class="hero large-title" style="background-image: url({{ MEDIA_URL}}{{ images.first.file }})">
 {% else %}
-<div class="hero">
+<div class="hero large-title">
 {% endif %}
 
     <div class="container">
 
-        <div class="row">
-
-            <div class="col-xs-7 col-xs-push-1 hero__left">
-                <img src="{% static "img/vertigo/hero-left.png" %}" />
-                <img class="hero__date" src="{% static "img/vertigo/hero-left-date.png" %}" />
-            </div>
-
-            <div class="col-xs-7 col-xs-push-1 hero__right">
-                <img src="{% static "img/vertigo/hero-right.png" %}" />
-
-                <p>
-
-                </p>
-            </div>
-
-        </div>
-
-        <div class="row">
-
-            <div class="col-xs-16">
-
-                <div class="hero__logo">
-                    <img src="{% static "img/vertigo/hero-logo.png" %}" />
-                </div>
-
-            </div>
-
-        </div>
-
         <div class="hero__title">
-            <img src="{% static "img/vertigo/hero-title.png" %}" />
+            <img src="{% static "img/vertigo-starts/vertigo_tx.png" %}" />
         </div>
 
     </div>