t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Style] Korea fish in mobile mode

Browse Source
This commit is contained in:
hyperbola 2021-01-20 01:12:12 +08:00
parent 053828f4ac
commit 89ae347c83
No known key found for this signature in database
GPG Key ID: D987B1D59478B51F
1 changed files with 71 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/assets/scss/CFP/bg.scss
View File

@ -1,3 +1,5 @@
@import '../hyperpoint';
#cfp {
position: relative;
}
@ -28,8 +30,76 @@
width: 640px;
}
.radial {
width: 100vw;
width: 1920px;
position: absolute;
}
}
}
@media screen and (min-width: 1921px) {
#cfp-bg {
.korea-fish {
.radial {
margin-top: calc(576px - 30vw);
width: 100vw;
}
}
}
}
@include md {
#cfp-bg {
.korea-fish {
.sitcon-apple {
margin-top: 320px;
width: 216px;
}
.ellipse {
margin-top: 280px;
width: 420px;
}
.radial {
margin-top: 0;
width: 1666px;
}
}
}
}
@include sm {
#cfp-bg {
.korea-fish {
.sitcon-apple {
margin-top: 288px;
width: 180px;
}
.ellipse {
margin-top: 240px;
width: 360px;
}
.radial {
margin-top: -36px;
width: 1666px;
}
}
}
}
@include xs {
#cfp-bg {
.korea-fish {
.sitcon-apple {
margin-top: 216px;
width: 120px;
}
.ellipse {
margin-top: 180px;
width: 240px;
}
.radial {
margin-top: -180px;
width: 1666px;
}
}
}
}