_sass/_slick.scss in futuro-0.7.5 vs _sass/_slick.scss in futuro-0.7.6
- old
+ new
@@ -7,18 +7,30 @@
@include center;
height: 100%;
}
}
+@mixin SlickMax($width,$space) {
+ max-width: (map-get($book,$width) + ($space * 2)) * 4;
+}
+
.slick-list {
+ @include SlickMax(large,10px);
position: relative;
- max-width: 520px; // 130 width books (4)
overflow: hidden;
display: block;
margin: 0 auto;
height: 100%;
z-index: 2;
padding: 0;
+
+ @media#{map-get($query,max767)} {
+ @include SlickMax(medium,5px);
+ }
+
+ @media#{map-get($query,max599)} {
+ @include SlickMax(small,5px);
+ }
}
.slick-arrow {
transition: opacity 200ms ease;
background-color: transparent;