Fix some responsive and scrolling issues
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2020-04-04 16:11:42 +02:00
parent 80f621d38b
commit 2170cd2e57
7 changed files with 25 additions and 15 deletions

View File

@@ -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);
}

View File

@@ -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;
}

View File

@@ -10,4 +10,10 @@
margin-bottom: 120px;
}
}
// Browse
.browse {
padding-left: 0;
padding-right: 0;
}
}

View File

@@ -44,6 +44,7 @@
@include breakpoint (sm) {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: pxVW(232);
margin-top: 112px;

View File

@@ -1,4 +1,5 @@
.photos {
overflow: hidden;
position: relative;
margin-top: -22px;
background-color: #fff;

View File

@@ -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;
}
}
}
}