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

[Fix] font

Browse Source
This commit is contained in:
hyperbola 2021-01-20 14:27:42 +08:00
parent b2c70ad631
commit f4f6fa9ce4
4 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/footer.scss
View File

@ -3,7 +3,7 @@
// varible declare // varible declare
$fontColor: white; $fontColor: white;
$backgroundColor: #1f4163; $backgroundColor: #1f4163;
$fontFamily: Noto Sans CJK TC, monospace; $fontFamily: 'Noto Sans CJK TC', monospace;
@mixin fontSize() { @mixin fontSize() {
font-size: 14pt; font-size: 14pt;

2
src/assets/scss/main.scss
View File

@ -30,7 +30,9 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: 13pt; font-size: 13pt;
font-family: 'Noto Sans CJK TC', sans-serif;
} }
#app { #app {

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

@ -1,10 +1,13 @@
//import google font // import google font
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap"); // no need to import font; such font has been imported in App.vue
$fontFamily-NotoSansTC: "Noto Sans TC"; // @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
$fontFamily-NotoSansTC: 'Noto Sans TC', sans-serif;
//Color // Color
$color-white: #ffffff; // dont define private color if these are common ones
$color-mid-blue: #226bb4; @import '../color';
// $white: #ffffff;
// $mid-blue: #226bb4;
//Screen breakpoint //Screen breakpoint
$max-width-big-0: 1800px; $max-width-big-0: 1800px;
@ -377,7 +380,7 @@ $max-width-small-3: 360px;
line-height: 1.9; line-height: 1.9;
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: $color-mid-blue; color: $mid-blue;
margin-block-start: 0.83em; margin-block-start: 0.83em;
margin-block-end: 0.83em; margin-block-end: 0.83em;
} }
@ -394,7 +397,7 @@ $max-width-small-3: 360px;
line-height: 2.1; line-height: 2.1;
letter-spacing: 0.2px; letter-spacing: 0.2px;
text-align: left; text-align: left;
color: $color-mid-blue; color: $mid-blue;
} }
strong { strong {
@ -414,7 +417,7 @@ $max-width-small-3: 360px;
height: 4px; height: 4px;
width: 4px; width: 4px;
transform: translate(-200%, -150%); transform: translate(-200%, -150%);
background-color: $color-mid-blue; background-color: $mid-blue;
border-radius: 50%; border-radius: 50%;
} }
} }
@ -430,7 +433,7 @@ $max-width-small-3: 360px;
line-height: 2.2; line-height: 2.2;
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: $color-mid-blue; color: $mid-blue;
margin-block-start: 0.83em; margin-block-start: 0.83em;
margin-block-end: 0.83em; margin-block-end: 0.83em;
} }
@ -459,7 +462,7 @@ $max-width-small-3: 360px;
float: left; float: left;
padding: 25px 1.5% 35px 1.5%; padding: 25px 1.5% 35px 1.5%;
border-radius: 13px; border-radius: 13px;
background-color: $color-mid-blue; background-color: $mid-blue;
width: 30%; width: 30%;
&:not(:last-child) { &:not(:last-child) {
margin-right: 5%; margin-right: 5%;
@ -468,7 +471,7 @@ $max-width-small-3: 360px;
&-title { &-title {
@include kindTitleFontsize(); @include kindTitleFontsize();
width: 100%; width: 100%;
color: $color-white; color: $white;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
font-weight: 900; font-weight: 900;
@ -487,7 +490,7 @@ $max-width-small-3: 360px;
p { p {
@include kindTextFontsize(); @include kindTextFontsize();
margin: 10px auto; margin: 10px auto;
color: $color-white; color: $white;
font-weight: 500; font-weight: 500;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
@ -512,7 +515,7 @@ $max-width-small-3: 360px;
&__itemBox { &__itemBox {
border-radius: 29px; border-radius: 29px;
box-shadow: 0 3px 12px 0 rgba(89, 120, 206, 0.56); box-shadow: 0 3px 12px 0 rgba(89, 120, 206, 0.56);
background-color: $color-white; background-color: $white;
margin: 0 0 30px 0; margin: 0 0 30px 0;
position: relative; position: relative;
@ -537,7 +540,7 @@ $max-width-small-3: 360px;
line-height: 1.25; line-height: 1.25;
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: $color-mid-blue; color: $mid-blue;
} }
span { span {
@include qaIcon(); @include qaIcon();

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

@ -3,7 +3,7 @@
// No need to import font; the fonts have been imported in App.vue // No need to import font; the fonts have been imported in App.vue
// @import '@/assets/scss/font'; // @import '@/assets/scss/font';
$fontFamily: Noto Sans CJK TC, monospace; $fontFamily: 'Noto Sans CJK TC', monospace;
#news-schedule { #news-schedule {
max-width: 80vw; max-width: 80vw;