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
$fontColor: white;
$backgroundColor: #1f4163;
$fontFamily: Noto Sans CJK TC, monospace;
$fontFamily: 'Noto Sans CJK TC', monospace;
@mixin fontSize() {
font-size: 14pt;

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

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

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

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