feat(scss); add --article-font-size and --article-line-height variables

This commit is contained in:
Jimmy Cai 2020-08-24 20:45:26 +02:00
parent 486b5d8245
commit 3c803ebd5c
2 changed files with 12 additions and 7 deletions

View file

@ -194,12 +194,8 @@
.article-content { .article-content {
font-family: var(--article-font-family); font-family: var(--article-font-family);
font-size: 1.7rem; font-size: var(--article-font-size);
line-height: 1.85; line-height: var(--article-line-height);
@media (max-width: $on-tablet) {
font-size: 1.6rem;
}
& > p { & > p {
margin: 1.5em 0; margin: 1.5em 0;

View file

@ -35,9 +35,18 @@ $on-desktop-large: 1920px;
--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei"; --zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";
--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family); --base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);
--article-font-family: var(--base-font-family);
--code-font-family: Menlo, Monaco, Consolas, "Courier New"; --code-font-family: Menlo, Monaco, Consolas, "Courier New";
/**
* Article content font settings
*/
--article-font-family: var(--base-font-family);
--article-font-size: 1.7rem;
@media (max-width: $on-tablet) {
--article-font-size: 1.6rem;
}
--article-line-height: 1.85;
/* /*
Article style Article style
*/ */