53 lines
1.0 KiB
SCSS
53 lines
1.0 KiB
SCSS
// Explore Page
|
|
.explore {
|
|
// Intro Section
|
|
&__intro {
|
|
overflow: hidden;
|
|
color: $color-tertiary;
|
|
text-align: center;
|
|
|
|
// Title
|
|
h1 {
|
|
color: $color-secondary;
|
|
line-height: 1;
|
|
margin-top: 56px;
|
|
|
|
@include bp (sm) {
|
|
margin-top: 160px;
|
|
}
|
|
}
|
|
// Text
|
|
p {
|
|
max-width: 260px;
|
|
margin: 40px auto 0;
|
|
font-weight: 200;
|
|
|
|
@include bp (sm) {
|
|
margin: 72px auto 130px;
|
|
max-width: 500px;
|
|
}
|
|
}
|
|
}
|
|
.globe {
|
|
margin-top: 72px;
|
|
}
|
|
|
|
// Locations
|
|
&__locations {
|
|
.browse {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
// Modules
|
|
.grid-modules {
|
|
grid-column: span var(--columns);
|
|
margin: 96px 20px 0;
|
|
padding-bottom: 40px;
|
|
|
|
@include bp (sm) {
|
|
grid-column: 2 / span 22;
|
|
margin: 200px 0 72px;
|
|
}
|
|
}
|
|
} |