From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 12 Sep 2019 07:20:29 +0000 (+0200)
Subject: wip #3031 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=cfdac19ba84a873318afe85e26fba7ca9578e018;p=pmi.git

wip #3031 @0.5
---

diff --git a/resources/styles/components/logowall.styl b/resources/styles/components/logowall.styl
index cdb3214..6490be5 100644
--- a/resources/styles/components/logowall.styl
+++ b/resources/styles/components/logowall.styl
@@ -1,5 +1,7 @@
-.logowall
+$margin = 20px
 
+.logowall
+  width "calc(100% + %s)" % ($margin)
   position relative
 
   .arrow
@@ -9,12 +11,12 @@
 
     &.prev
       left: -7vw
-      @media (max-width 1640px)
+      +below(1640px)
         left -3vw
 
     &.next
       right -7vw
-      @media (max-width 1640px)
+      +below(1640px)
         right -3vw
 
   .lines
@@ -32,17 +34,17 @@
     .logo
       display: inline-block;
       width 25%
-      padding: 0 20px 20px 0
+      padding: 0 $margin $margin 0
 
-      > img, >a
+      > img, > a
         display block
         background: #fff
 
       a:hover
         @apply bg-grey-200
 
-      @media (max-width 1024px)
+      +below(1024px)
         width 33.333%
 
-      @media (max-width 640px)
+      +below(640px)
         width 50%