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

[Layout] Add $xs layout of thumbnail

Browse Source 
Update $xs layout of thumbnail
This commit is contained in:
Snowmint 2021-01-20 11:41:48 +08:00
parent cb0b1d9947
commit 65d347db86
1 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -283,22 +283,20 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back { .box-back {
margin-bottom: -40em; margin-bottom: -43em;
margin-left:-5em; margin-left:-5em;
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg) scale(1.1);
bottom: 660px; bottom: 685px;
left: 20px; left: 50px;
} }
.introd-text { .introd-text {
top: 7em; top: 7em;
} }
.past-sitcon {
margin-top:1em;
}
.past-sitcon { .past-sitcon {
margin-bottom:-1em;
.thumbnails { .thumbnails {
.thumb-wrapper { .thumb-wrapper {
width:122.5px;//25vw; width:122.5px;//25vw;
@ -328,11 +326,11 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back2 { .box-back2 {
margin-top:-2em; margin-top:-4em;
.second-box { .second-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 1150px; bottom: 1200px;
} }
} }
} }
@ -382,7 +380,7 @@ $fontColor: $mid-blue;
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 560px; bottom: 640px;
left: 30px; left: 30px;
} }
.introd-text { .introd-text {
@ -517,11 +515,11 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back { .box-back {
margin-bottom: -40em; margin-bottom: -40em;
margin-left:-7em; margin-left:-8em;
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 580px; bottom: 620px;
left: 30px; left: 30px;
} }
.introd-text { .introd-text {
@ -529,6 +527,29 @@ $fontColor: $mid-blue;
} }
.past-sitcon { .past-sitcon {
margin-top:1em; margin-top:1em;
.thumbnails {
margin-left: -0.5em;
padding: 0.25em 0;
.thumb-wrapper {
width:110px;//25vw;
.thumb-title,
.thumb-subtitle {
width:130px; //25vw;
text-align: center;
margin: 0;
font-size: 0.1em;
line-height: 10em;
font-weight: 900;
}
.cfp-img{
width: 110.5px; //225
height: 63px; //152
margin-left: 0.6em;
}
}
}
} }
} }
} }