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 // .info-container
@mixin infoContainer() { @mixin infoContainer() {
width: 80%; max-width: 80%;
// padding-left: 7%; // padding-left: 7%;
@media only screen and (max-width: $max-width-small-0) { @media only screen and (max-width: $max-width-small-0) {
width: 89%; // width: 89%;
padding-left: 0; max-width: 100%;
padding-left: 40px;
padding-right: 40px;
} }
@media only screen and (max-width: $max-width-small-1) { @media only screen and (max-width: $max-width-small-1) {
width: 89%; // width: 89%;
padding-left: 0; max-width: 100%;
padding-left: 40px;
padding-right: 40px;
} }
} }
// .info-section // .info-section
@mixin sectionH1Fontsize() { @mixin sectionH1Fontsize() {
font-size: 44px; font-size: 32pt;
@media only screen and (min-width: $max-width-big-0) { @media only screen and (min-width: $max-width-big-0) {
font-size: 48px; font-size: 36pt;
margin-bottom: 50px; margin-bottom: 50px;
} }
@media only screen and (max-width: $max-width-medium-0) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-1) {
font-size: 26px; font-size: 19pt;
} }
} }
@mixin sectionH2Fontsize() { @mixin sectionH2Fontsize() {
font-size: 32px; font-size: 24pt;
@media only screen and (min-width: $max-width-big-0) { @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) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-1) {
font-size: 24px; font-size: 18pt;
} }
} }
@ -70,21 +74,21 @@
} }
@mixin sectionContentParagraphFontsize() { @mixin sectionContentParagraphFontsize() {
font-size: 20px; font-size: 15pt;
@media only screen and (max-width: $max-width-big-0) { @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) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-1) {
font-size: 14px; font-size: 10pt;
} }
} }
@ -141,46 +145,46 @@
} }
@mixin kindTitleFontsize() { @mixin kindTitleFontsize() {
font-size: 36px; font-size: 27pt;
@media only screen and (max-width: $max-width-big-0) { @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) { @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) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-1) {
font-size: 20px; font-size: 15pt;
} }
} }
@mixin kindTextFontsize() { @mixin kindTextFontsize() {
font-size: 20px; font-size: 15pt;
@media only screen and (max-width: $max-width-big-0) { @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) { @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) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-1) {
font-size: 14px; font-size: 11pt;
} }
} }
@ -199,46 +203,46 @@
} }
@mixin qaTitleFontsize() { @mixin qaTitleFontsize() {
font-size: 24px; font-size: 18pt;
@media only screen and (max-width: $max-width-medium-0) { @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) { @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) { @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) { @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) { @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) { @media only screen and (max-width: $max-width-small-3) {
font-size: 9.3px; font-size: 7pt;
} }
} }
@mixin qaTextFontsize() { @mixin qaTextFontsize() {
font-size: 20px; font-size: 15pt;
@media only screen and (max-width: $max-width-medium-1) { @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) { @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) { @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) { @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) { @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) { @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; margin: 0 auto;
font-family: $fontFamily; font-family: $fontFamily;
font-size: 20px; font-size: 15pt;
line-height: 2.1em; line-height: 2.1em;
letter-spacing: 0.2px; letter-spacing: 0.2px;
color: $mid-blue; color: $mid-blue;
@ -24,19 +24,19 @@
} }
h1 { h1 {
font-size: 48px; font-size: 36pt;
line-height: 70px; line-height: 1.45em;
margin: 15px 0; margin: 15px 0;
} }
h2 { h2 {
font-size: 36px; font-size: 27pt;
line-height: 70px; line-height: 2em;
} }
h3 { h3 {
font-size: 24px; font-size: 18pt;
line-height: 30px; line-height: 1.25em;
} }
h1, h1,
@ -92,17 +92,17 @@
@include md { @include md {
#news-schedule { #news-schedule {
margin: 0 auto; margin: 0 auto;
font-size: 14px; font-size: 11pt;
h1, h1,
h2 { h2 {
font-size: 26px; font-size: 20pt;
line-height: 2.69em; line-height: 2.69em;
} }
h3 { h3 {
font-size: 20px; font-size: 15pt;
line-height: 30px; line-height: 1.5em;
} }
h1, h1,