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

[Style] keep horizontal padding consistent

Browse Source 
Keep horizontal padding consistent in different section
This commit is contained in:
Tony Yang 2021-02-02 13:57:05 +08:00
parent 7d39634587
commit 02116e3682
Signed by: t510599
GPG Key ID: D88388851C28715D
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/assets/scss/news/agenda.scss
View File

@ -22,15 +22,16 @@ $max-width-small-3: 360px;
// .info-container
@mixin infoContainer() {
max-width: 80%;
// padding-left: 7%;
@media only screen and (max-width: $max-width-small-0) {
// width: 89%;
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
@media screen and (max-width: 1365px) {
margin: 0 120px;
}
@media only screen and (max-width: $max-width-small-1) {
// width: 89%;
@media screen and (max-width: 1023px) {
margin: 0 100px;
}
@media screen and (max-width: $max-width-small-0) {
margin: 0;
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
@ -367,7 +368,7 @@ $max-width-small-3: 360px;
&-container {
@include infoContainer();
margin: 0 auto;
margin: 0 280px;
// float: left;
}

13
src/assets/scss/news/schedule.scss
View File

@ -7,7 +7,7 @@
#news-schedule {
position: relative;
max-width: 80vw;
margin: 0 auto;
margin: 0 280px;
font-family: $fontFamily;
font-size: 15pt;
@ -94,8 +94,16 @@
font-weight: 900;
}
@include md {
@media screen and (max-width: 1365px) {
#news-schedule {
margin: 0 120px;
}
}
@media screen and (max-width: 1023px) {
#news-schedule {
margin: 0 100px;
#presentation-example,
#espresso-example {
margin-bottom: unset;
@ -110,6 +118,7 @@
@media screen and (max-width: $max-width-small-0) {
#news-schedule {
margin: 0;
max-width: 100vw;
padding: 0 40px;
font-size: 11pt;