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

[Layout] Add @include md

Browse Source 
update md layout arrangement
This commit is contained in:
Snowmint 2021-01-20 09:21:48 +08:00
parent 4925db72a5
commit 75881670d6
1 changed files with 117 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -189,64 +189,6 @@ $fontColor: #226BB4;
}
}
@include sm {
#cfp-intro{
h1,
h2,
h3 {
margin-bottom: 10pt;
}
p {
font-size: 12pt;
line-height: 1.85;
width:75vw;
}
p:not(:last-child) {
margin-bottom: 2em;
}
}
#cfp-intro{
.box-back {
margin-bottom: -45em;
margin-left:-4em;
.first-box {
transform: rotate(12deg) scale(0.9);
bottom: 640px;
left: -20px;
}
.introd-text {
top: 100px;
}
.past-sitcon {
margin-top:1em;
}
}
}
#cfp-intro{
.box-bluearea {
height: 280px;
z-index: 0;
transform: rotate(12deg);
}
}
#cfp-intro{
.box-back2 {
margin-top:3em;
.second-box {
transform: rotate(12deg);
bottom: 1100px;
}
}
}
}
@include xs {
#cfp-intro{
h1,
@ -334,3 +276,120 @@ $fontColor: #226BB4;
}
}
@include sm {
#cfp-intro{
h1,
h2,
h3 {
margin-bottom: 10pt;
}
p {
font-size: 12pt;
line-height: 1.85;
width:75vw;
}
p:not(:last-child) {
margin-bottom: 2em;
}
}
#cfp-intro{
.box-back {
margin-bottom: -45em;
margin-left:-4em;
.first-box {
transform: rotate(12deg) scale(0.9);
bottom: 640px;
left: -20px;
}
.introd-text {
top: 100px;
}
.past-sitcon {
margin-top:1em;
}
}
}
#cfp-intro{
.box-bluearea {
height: 280px;
z-index: 0;
transform: rotate(12deg);
}
}
#cfp-intro{
.box-back2 {
margin-top:3em;
.second-box {
transform: rotate(12deg);
bottom: 1100px;
}
}
}
}
@include md{
#cfp-intro{
h1,
h2,
h3 {
margin-bottom: 12pt;
}
p {
font-size: 14pt;
line-height: 1.85;
width:80vw;
}
p:not(:last-child) {
margin-bottom: 2em;
}
}
#cfp-intro{
.box-back {
margin-bottom: -40em;
margin-left:-6em;
.first-box {
transform: rotate(12deg);
bottom: 600px;
left: 20px;
}
.introd-text {
top: 100px;
}
.past-sitcon {
margin-top:1em;
}
}
}
#cfp-intro{
.box-bluearea {
height: 280px;
z-index: 0;
transform: rotate(12deg);
}
}
#cfp-intro{
.box-back2 {
margin-top:0em;
margin-left: -1em;
.second-box {
transform: rotate(12deg);
bottom: 1150px;
left:-6em;
}
}
}
}