Fix font-weight of <strong> element for CJK fonts (#5914)

* Fix font-weight for CJK fonts

* Use `font-weight: 700;` for mobile support

* Fix indentation

* Remove trailing whitespace

* Remove trailing whitespace
This commit is contained in:
SerCom_KC 2017-12-07 23:01:52 +08:00 committed by Eugen Rochko
parent 9a6fc03332
commit a1fc626e57
9 changed files with 129 additions and 0 deletions

View file

@ -381,6 +381,12 @@
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: 32px;
line-height: 48px; line-height: 48px;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }

View file

@ -473,6 +473,12 @@
strong { strong {
font-weight: 500; font-weight: 500;
color: $ui-base-color; color: $ui-base-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
span { span {

View file

@ -121,6 +121,12 @@
strong { strong {
color: $primary-text-color; color: $primary-text-color;
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }
@ -222,6 +228,12 @@
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
font-size: 12px; font-size: 12px;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
a { a {
@ -265,6 +277,12 @@
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
color: $ui-secondary-color; color: $ui-secondary-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
.account-card { .account-card {

View file

@ -280,6 +280,12 @@
strong { strong {
color: darken($ui-secondary-color, 65%); color: darken($ui-secondary-color, 65%);
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
a { a {
@ -959,6 +965,12 @@
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
a { a {
@ -1060,6 +1072,12 @@
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
color: $primary-text-color; color: $primary-text-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
abbr { abbr {
@ -2980,6 +2998,12 @@ button.icon-button.active i.fa-retweet {
font-weight: 500; font-weight: 500;
display: block; display: block;
color: $ui-base-color; color: $ui-base-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }
@ -3414,6 +3438,12 @@ button.icon-button.active i.fa-retweet {
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
padding: 3px 6px; padding: 3px 6px;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }
} }
@ -3744,6 +3774,12 @@ button.icon-button.active i.fa-retweet {
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }

View file

@ -56,6 +56,12 @@ code {
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
.label_input { .label_input {
@ -395,6 +401,12 @@ code {
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
@media screen and (max-width: 740px) and (min-width: 441px) { @media screen and (max-width: 740px) and (min-width: 441px) {
@ -430,6 +442,12 @@ code {
strong { strong {
color: $ui-secondary-color; color: $ui-secondary-color;
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
@media screen and (max-width: 740px) and (min-width: 441px) { @media screen and (max-width: 740px) and (min-width: 441px) {
@ -474,6 +492,12 @@ code {
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
} }
} }
@ -506,6 +530,12 @@ code {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
.fa { .fa {
font-weight: 400; font-weight: 400;
} }

View file

@ -12,6 +12,12 @@
strong, strong,
a { a {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
a { a {
@ -46,6 +52,12 @@
strong, strong,
a { a {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
a { a {

View file

@ -119,6 +119,12 @@
strong { strong {
font-weight: 500; font-weight: 500;
color: $ui-base-color; color: $ui-base-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
span { span {
@ -170,6 +176,12 @@
strong { strong {
font-weight: 500; font-weight: 500;
color: $ui-base-color; color: $ui-base-color;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
span { span {

View file

@ -40,6 +40,12 @@
strong { strong {
font-weight: 500; font-weight: 500;
@each $lang in $cjk-langs {
&:lang(#{$lang}) {
font-weight: 700;
}
}
} }
&.inline-table > tbody > tr:nth-child(odd) > td, &.inline-table > tbody > tr:nth-child(odd) > td,

View file

@ -27,3 +27,6 @@ $ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkes
$ui-primary-color: $classic-primary-color !default; // Lighter $ui-primary-color: $classic-primary-color !default; // Lighter
$ui-secondary-color: $classic-secondary-color !default; // Lightest $ui-secondary-color: $classic-secondary-color !default; // Lightest
$ui-highlight-color: $classic-highlight-color !default; // Vibrant $ui-highlight-color: $classic-highlight-color !default; // Vibrant
// Language codes that uses CJK fonts
$cjk-langs: zh-CN, zh-HK, zh-TW;