flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Globe: Temporary fix for responsive sizing, Add correct margins top/bottom
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window
This commit is contained in:
Félix Péault
2020-04-19 20:13:01 +02:00
parent 9220e6cf8d
commit 1cddc26625
7 changed files with 68 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/style/layouts/_explore.scss
View File

@@ -4,27 +4,17 @@
position: relative;
z-index: 3;
max-width: 312px;
margin: 0 auto;
margin: 0 auto 72px;
@include breakpoint (sm) {
max-width: 472px;
margin-bottom: 0 !important;
margin-bottom: 120px;
}
}
// Globe
.globe {
// margin-top: -96px;
// margin-bottom: -160px;
// @include breakpoint (sm) {
// margin-bottom: calc(-120px - 6vw);
// }
// @include breakpoint (xl) {
// margin-top: -176px;
// margin-bottom: -240px;
// }
}
// .globe {
// }
// Browse
.browse {