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

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

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