diff --git a/src/animations/Photo.js b/src/animations/Photo.js index 0fa9fb8..c20e07a 100644 --- a/src/animations/Photo.js +++ b/src/animations/Photo.js @@ -60,7 +60,6 @@ export const animateIn = scope => { }) window.addEventListener('scroll', throttle(() => parallaxAnime(el, translate), 50)) setTimeout(() => parallaxAnime(el, translate), 50) - console.log('show') }, onHidden () { if (parallaxAnime) window.removeEventListener('scroll', parallaxAnime) diff --git a/src/style/_base.scss b/src/style/_base.scss index 4f5deb0..02e102c 100644 --- a/src/style/_base.scss +++ b/src/style/_base.scss @@ -112,11 +112,8 @@ button { // Bigger version &--big { - font-size: rem(40px); + font-size: pxVW(180); - @include breakpoint (m) { - font-size: rem(56px); - } @include breakpoint (sm) { font-size: pxVW(160); } diff --git a/src/style/atoms/_button-control.scss b/src/style/atoms/_button-control.scss index 544d0d3..2a9e86f 100644 --- a/src/style/atoms/_button-control.scss +++ b/src/style/atoms/_button-control.scss @@ -205,8 +205,8 @@ ** Big version */ &--big { - width: 72px; - height: 72px; + width: 88px; + height: 88px; text-decoration: none; @include breakpoint (sm) { @@ -225,7 +225,7 @@ color: rgba(#fff, 0.3); text-transform: uppercase; font-family: $font-sans-sb; - font-size: rem(6px); + font-size: rem(8px); letter-spacing: 1px; line-height: 1; @@ -247,14 +247,15 @@ // Big Dashed &.button-control--dashed { - @include breakpoint (xs) { - svg[fill] { - width: 24px; + // Icon + svg[fill] { + @include breakpoint (xs) { + width: 28px; } } - - @include breakpoint (sm) { - circle { + // Circle + circle { + @include breakpoint (sm) { stroke-width: 4.5; stroke-dasharray: 20, 8; } diff --git a/src/style/layouts/_explore.scss b/src/style/layouts/_explore.scss index b27aca7..05cf75e 100644 --- a/src/style/layouts/_explore.scss +++ b/src/style/layouts/_explore.scss @@ -10,4 +10,10 @@ margin-bottom: 120px; } } + + // Browse + .browse { + padding-left: 0; + padding-right: 0; + } } diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss index 5ad9d9a..3d364c5 100644 --- a/src/style/organisms/_locations.scss +++ b/src/style/organisms/_locations.scss @@ -44,6 +44,7 @@ @include breakpoint (sm) { display: flex; + flex-wrap: wrap; justify-content: center; margin-bottom: pxVW(232); margin-top: 112px; diff --git a/src/style/organisms/_photos.scss b/src/style/organisms/_photos.scss index 9bd4a0e..b06b5cd 100644 --- a/src/style/organisms/_photos.scss +++ b/src/style/organisms/_photos.scss @@ -1,4 +1,5 @@ .photos { + overflow: hidden; position: relative; margin-top: -22px; background-color: #fff; diff --git a/src/style/pages/_place.scss b/src/style/pages/_place.scss index fa76e97..7c0604f 100644 --- a/src/style/pages/_place.scss +++ b/src/style/pages/_place.scss @@ -184,7 +184,12 @@ position: absolute; bottom: 0; left: 0; - background: linear-gradient(180deg, transparent 0%, $color-primary 100%); + background: linear-gradient(180deg, rgba($color-primary, 0%) 0%, $color-primary 100%); + + @include breakpoint (lg) { + height: 50%; + min-height: 600px; + } } } }