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

14
src/style/pages/_homepage.scss
View File

@@ -79,15 +79,7 @@
}
// Globe
// .globe {
// margin-bottom: calc(-200px - 8vw);
// @include breakpoint (sm) {
// margin-bottom: calc(-100px - 28vw);
// }
// @include breakpoint (xl) {
// margin-bottom: -550px;
// }
// }
// Browse
@@ -124,9 +116,13 @@
// Massive title
.anim-title {
margin-top: -#{pxVW(352)};
margin-top: -#{pxVW(224)};
margin-left: -60px;
@include breakpoint (sm) {
margin-top: -224px;
}
span:nth-of-type(1) {
letter-spacing: -6vw;
}