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

[Fixed] Modify the order of @inclde to repair $xs

Browse Source 
Modify the order from big to small resolution.
This commit is contained in:
Snowmint 2021-01-20 09:56:49 +08:00
parent fae7c3d570
commit 87743020e3
1 changed files with 56 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/assets/scss/CFP/intro.scss
View File

@ -187,36 +187,22 @@ $fontColor: $mid-blue;
} }
} }
@include xs {
@include md{
#cfp-intro{ #cfp-intro{
h1, h1,
h2, h2,
h3 { h3 {
margin-bottom: 10pt; margin-bottom: 12pt;
}
h1,
.h1 {
font-size: 36pt;
font-weight: 900;
}
h2,
.h2 {
font-size: 20pt;
font-weight: 900;
}
h3,
.h3 {
font-size: 18pt;
font-weight: 900;
} }
p { p {
font-size: 11pt; font-size: 14pt;
line-height: 1.55; line-height: 1.85;
width:75vw; width:80vw;
} }
p:not(:last-child) { p:not(:last-child) {
@ -226,13 +212,13 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back { .box-back {
margin-bottom: -44em; margin-bottom: -40em;
margin-left:-8em; margin-left:-6em;
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 550px; bottom: 650px;
left: 40px; left: 20px;
} }
.introd-text { .introd-text {
top: 100px; top: 100px;
@ -253,22 +239,13 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back2 { .box-back2 {
margin-top:0em; margin-top: 0em;
margin-left:-3em; margin-left: -1em;
.second-box { .second-box {
transform: rotate(12deg) scale(0.65); transform: rotate(12deg);
bottom: 1260px; bottom: 1130px;
left:-13em; left:-6em;
}
}
.give-me-money {
top: 2em;
.whisper {
font-weight: 900;
font-size: 1.25em;
margin-bottom: 0.5em;
} }
} }
} }
@ -332,17 +309,35 @@ $fontColor: $mid-blue;
} }
} }
@include md{ @include xs {
#cfp-intro{ #cfp-intro{
h1, h1,
h2, h2,
h3 { h3 {
margin-bottom: 12pt; margin-bottom: 10pt;
}
h1,
.h1 {
font-size: 36pt;
font-weight: 900;
}
h2,
.h2 {
font-size: 20pt;
font-weight: 900;
}
h3,
.h3 {
font-size: 18pt;
font-weight: 900;
} }
p { p {
font-size: 14pt; font-size: 11pt;
line-height: 1.85; line-height: 1.65;
width:80vw; width:80vw;
} }
@ -354,12 +349,12 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back { .box-back {
margin-bottom: -40em; margin-bottom: -40em;
margin-left:-6em; margin-left:-7em;
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 650px; bottom: 580px;
left: 20px; left: 30px;
} }
.introd-text { .introd-text {
top: 100px; top: 100px;
@ -380,13 +375,22 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back2 { .box-back2 {
margin-top: 0em; margin-top: 3em;
margin-left: -1em; margin-left: -1em;
.second-box { .second-box {
transform: rotate(12deg); transform: rotate(12deg) scale(0.65);
bottom: 1130px; bottom: 1260px;
left:-6em; left:-14em;
}
}
.give-me-money {
top: 2em;
.whisper {
font-weight: 900;
font-size: 1.25em;
margin-bottom: 0.5em;
} }
} }
} }