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

[Layout] Modify $xs for wdth = 375 and 412px

Browse Source 
Modify the margin left and thumbnail arrangement.
This commit is contained in:
Snowmint 2021-01-20 14:53:32 +08:00
parent 86d749bf89
commit f95448aa06
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -374,7 +374,7 @@ $fontColor: $mid-blue;
} }
} }
@include ss { @include ss { //
#cfp-intro{ #cfp-intro{
h1, h1,
h2, h2,
@ -542,7 +542,6 @@ $fontColor: $mid-blue;
p { p {
font-size: 11pt; font-size: 11pt;
line-height: 1.65; line-height: 1.65;
width:80vw;
} }
p:not(:last-child) { p:not(:last-child) {
@ -553,25 +552,25 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back { .box-back {
margin-bottom: -45em; margin-bottom: -45em;
margin-left:-8em; margin-left: -8em; //40
.first-box { .first-box {
transform: rotate(12deg); transform: rotate(12deg);
bottom: 620px; bottom: 600px; //625
left: 30px; left: 12vw;
} }
.introd-text { .introd-text {
top: 100px; top: 80px;
} }
.past-sitcon { .past-sitcon {
margin-top:1em; margin-top:1em;
margin-bottom:-3em;
.thumbnails { .thumbnails {
margin-left: -0.5em; margin-left: -0.5em;
padding: 0.25em 0; padding: 0.25em 0;
.thumb-wrapper { .thumb-wrapper {
width:110px;//25vw; width:90px;//25vw;
.thumb-title, .thumb-title,
.thumb-subtitle { .thumb-subtitle {
width:130px; //25vw; width:130px; //25vw;
@ -581,8 +580,11 @@ $fontColor: $mid-blue;
line-height: 10em; line-height: 10em;
font-weight: 900; font-weight: 900;
} }
.small {
font-size: 0.1em;
}
.cfp-img{ .cfp-img{
width: 110.5px; //225 width: 100.5px; //225
height: 63px; //152 height: 63px; //152
margin-left: 0.6em; margin-left: 0.6em;
} }
@ -602,12 +604,12 @@ $fontColor: $mid-blue;
#cfp-intro{ #cfp-intro{
.box-back2 { .box-back2 {
margin-top: 3em; margin-top: 0em;
margin-left: -1em; margin-left: -2em;
.second-box { .second-box {
transform: rotate(12deg) scale(0.63); transform: rotate(12deg) scale(0.63);
bottom: 1250px; bottom: 1270px;
left:-15em; left:-15em;
} }
} }