ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Fixed svg on some mobile devices

Browse Source
This commit is contained in:
Zakary Timson
2019-08-24 23:36:28 -04:00
parent 049009b75f
commit ddcb341ef9
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/animatedBackground/animatedBackground.component.scss
View File

@@ -989,13 +989,12 @@
/* 14/5 and 3/1 */
@media screen and (min-aspect-ratio: 14/5) and (max-aspect-ratio: 7/2){
.twinkles{}
.twinkles{top: 77%;}
#reflection, #sunMask{height: 42%;}
#landscape{bottom: -3%;}
#bottom{top: 101%;}
#stag{bottom: 3%;}
.sun{top: -570%;}
.twinkles{top: 77%;}
}
/* 5/2 and 14/5 */
@media screen and (min-aspect-ratio: 5/2) and (max-aspect-ratio: 14/5){
@@ -1150,8 +1149,8 @@
@media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){
.twinkles{top: 62%; width: 3%;}
#reflection, #sunMask{height: 8%;}
#landscape{bottom: 20%;}
#bottom{top: 80%;}
#stag{bottom: 21.5%;}
#landscape{bottom: 32%;}
#bottom{top: 67.5%;}
#stag{bottom: 33.5%;}
.sun{top: -55%;}
}