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

[Style] font size px -> pt

Browse Source 
Change fint size from px to pt
This commit is contained in:
Tony Yang 2021-01-20 16:09:31 +08:00
parent 871e72e3b2
commit b3e808723a
Signed by: t510599
GPG Key ID: D88388851C28715D
2 changed files with 66 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,55 +4,59 @@
// .info-container
@mixin infoContainer() {
width: 80%;
max-width: 80%;
// padding-left: 7%;
@media only screen and (max-width: $max-width-small-0) {
width: 89%;
padding-left: 0;
// width: 89%;
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (max-width: $max-width-small-1) {
width: 89%;
padding-left: 0;
// width: 89%;
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
}
}
// .info-section
@mixin sectionH1Fontsize() {
font-size: 44px;
font-size: 32pt;
@media only screen and (min-width: $max-width-big-0) {
font-size: 48px;
font-size: 36pt;
margin-bottom: 50px;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 38px;
font-size: 28pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 32px;
font-size: 24pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 28px;
font-size: 21pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 26px;
font-size: 19pt;
}
}
@mixin sectionH2Fontsize() {
font-size: 32px;
font-size: 24pt;
@media only screen and (min-width: $max-width-big-0) {
font-size: 36px;
font-size: 27pt;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 30px;
font-size: 22pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 26px;
font-size: 19pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 24px;
font-size: 18pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 24px;
font-size: 18pt;
}
}
@ -70,21 +74,21 @@
}
@mixin sectionContentParagraphFontsize() {
font-size: 20px;
font-size: 15pt;
@media only screen and (max-width: $max-width-big-0) {
font-size: 18.5px;
font-size: 14pt;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 17px;
font-size: 13pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 16px;
font-size: 12pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 15px;
font-size: 11pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 14px;
font-size: 10pt;
}
}
@ -141,46 +145,46 @@
}
@mixin kindTitleFontsize() {
font-size: 36px;
font-size: 27pt;
@media only screen and (max-width: $max-width-big-0) {
font-size: 28px;
font-size: 21pt;
}
@media only screen and (max-width: $max-width-big) {
font-size: 25px;
font-size: 19pt;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 20px;
font-size: 15pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 16px;
font-size: 12pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 28px;
font-size: 21pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 20px;
font-size: 15pt;
}
}
@mixin kindTextFontsize() {
font-size: 20px;
font-size: 15pt;
@media only screen and (max-width: $max-width-big-0) {
font-size: 17px;
font-size: 13pt;
}
@media only screen and (max-width: $max-width-big) {
font-size: 16px;
font-size: 12pt;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 14px;
font-size: 11pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 12px;
font-size: 9pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 17px;
font-size: 13pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 14px;
font-size: 11pt;
}
}
@ -199,46 +203,46 @@
}
@mixin qaTitleFontsize() {
font-size: 24px;
font-size: 18pt;
@media only screen and (max-width: $max-width-medium-0) {
font-size: 22px;
font-size: 17pt;
}
@media only screen and (max-width: $max-width-medium-1) {
font-size: 20px;
font-size: 15pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 15px;
font-size: 11pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 12px;
font-size: 9pt;
}
@media only screen and (max-width: $max-width-small-2) {
font-size: 11px;
font-size: 8pt;
}
@media only screen and (max-width: $max-width-small-3) {
font-size: 9.3px;
font-size: 7pt;
}
}
@mixin qaTextFontsize() {
font-size: 20px;
font-size: 15pt;
@media only screen and (max-width: $max-width-medium-1) {
font-size: 18px;
font-size: 14pt;
}
@media only screen and (max-width: $max-width-medium-0) {
font-size: 16px;
font-size: 12pt;
}
@media only screen and (max-width: $max-width-small-0) {
font-size: 14px;
font-size: 11pt;
}
@media only screen and (max-width: $max-width-small-1) {
font-size: 12px;
font-size: 9pt;
}
@media only screen and (max-width: $max-width-small-2) {
font-size: 10px;
font-size: 8pt;
}
@media only screen and (max-width: $max-width-small-3) {
font-size: 8.5px;
font-size: 6.5pt;
}
}

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

@ -9,7 +9,7 @@
margin: 0 auto;
font-family: $fontFamily;
font-size: 20px;
font-size: 15pt;
line-height: 2.1em;
letter-spacing: 0.2px;
color: $mid-blue;
@ -24,19 +24,19 @@
}
h1 {
font-size: 48px;
line-height: 70px;
font-size: 36pt;
line-height: 1.45em;
margin: 15px 0;
}
h2 {
font-size: 36px;
line-height: 70px;
font-size: 27pt;
line-height: 2em;
}
h3 {
font-size: 24px;
line-height: 30px;
font-size: 18pt;
line-height: 1.25em;
}
h1,
@ -92,17 +92,17 @@
@include md {
#news-schedule {
margin: 0 auto;
font-size: 14px;
font-size: 11pt;
h1,
h2 {
font-size: 26px;
font-size: 20pt;
line-height: 2.69em;
}
h3 {
font-size: 20px;
line-height: 30px;
font-size: 15pt;
line-height: 1.5em;
}
h1,