🔥 Load new photos on Location page
This commit is contained in:
@@ -144,12 +144,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Next photos section
|
||||
&__next {
|
||||
margin-top: -120px;
|
||||
padding: 240px 0 104px;
|
||||
background-color: $color-tertiary;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Pagination
|
||||
.pagination {
|
||||
position: relative;
|
||||
display: block;
|
||||
@@ -171,29 +174,24 @@
|
||||
margin: 0 -10px;
|
||||
}
|
||||
}
|
||||
&__page {
|
||||
position: absolute;
|
||||
color: $color-secondary-bright;
|
||||
font-size: rem(40px);
|
||||
font-family: $font-serif;
|
||||
top: 50%;
|
||||
left: 8%;
|
||||
p {
|
||||
display: block;
|
||||
width: 100%;
|
||||
transform: translateY(-50%);
|
||||
margin: 16px auto 0;
|
||||
text-align: center;
|
||||
letter-spacing: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
&__more {
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
color: $color-gray;
|
||||
font-family: $font-sans;
|
||||
text-transform: uppercase;
|
||||
color: $color-text;
|
||||
letter-spacing: 0.1em;
|
||||
font-weight: 400;
|
||||
font-size: rem(14px);
|
||||
}
|
||||
&__more {
|
||||
color: $color-secondary;
|
||||
}
|
||||
|
||||
// Disabled state
|
||||
&[disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user