wip #3031 @0.5

diff --git a/resources/styles/components/logowall.styl b/resources/styles/components/logowall.styl
index cdb321499bdbc86ee548726f45851b50edb468d7..6490be5a47f0a14b8a2c4babc99a87253fd2d38b 100644 (file)
--- 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%