优化文章样式

i18n
xaoxuu 4 years ago
parent 241113d6cd
commit d8e37c969d
  1. 24
      source/less/_article.less
  2. 2
      source/less/_color.less
  3. 2
      source/less/_fonts.less

@ -39,14 +39,20 @@
} }
p { p {
// margin: 20px 0px; // margin: 20px 0px;
margin-top: .5em; margin-top: .6em;
margin-bottom: 1em; margin-bottom: .6em;
// text-align: justify; // text-align: justify;
strong{ strong{
color: @color_text_main; color: @color_text_main;
// padding-left: 2px; // padding-left: 2px;
// padding-right: 2px; // padding-right: 2px;
} }
u{
color: @color_md_deep_orange;
}
s{
color: fade(@color_text_main, 70%);
}
max-width: 100%; max-width: 100%;
overflow: auto; overflow: auto;
.mjx-math{ .mjx-math{
@ -62,7 +68,7 @@
list-style: initial; list-style: initial;
padding-left: 8px; padding-left: 8px;
margin-left: @gap; margin-left: @gap;
margin-bottom: 1em; margin-bottom: .5em;
&.task-list{ &.task-list{
padding-left: 0; padding-left: 0;
margin-left: 4px; margin-left: 4px;
@ -241,8 +247,8 @@
width: 100%; width: 100%;
font-size: @fontsize_small; font-size: @fontsize_small;
margin: 1em 0; margin: .6em 0;
padding: @gap; padding: .7em 1.2em;
.enable-trans(); .enable-trans();
footer { footer {
@ -271,10 +277,10 @@
code { code {
font-family: @fontfamily_code; font-family: @fontfamily_code;
padding: 3px 3px 0px 3px; padding: 3px 3px 0px 3px;
margin: 0px 2px; margin: 0px 1px;
vertical-align: center; vertical-align: center;
border-radius: 2px; border-radius: 2px;
border: 1px solid fade(@color_bg_code, 50%); border: 1px solid fade(@color_bg_code, 20%);
font-size: @fontsize_base * .8; font-size: @fontsize_base * .8;
background: @color_bg_code; background: @color_bg_code;
@media(max-width: @on_phone){ @media(max-width: @on_phone){
@ -437,8 +443,8 @@
.highlight { .highlight {
position: relative; position: relative;
width: 100%; width: 100%;
margin-top: 1em; margin-top: .7em;
margin-bottom: 1.2em; margin-bottom: .7em;
overflow: auto; overflow: auto;
display: block; display: block;
background: @color_bg_code_block; background: @color_bg_code_block;

@ -17,7 +17,7 @@
// 导航栏背景,默认和主题色保持一致 // 导航栏背景,默认和主题色保持一致
@color_bg_navbar: @theme_main; @color_bg_navbar: @theme_main;
// 代码的背景色 // 代码的背景色
@color_bg_code: fade(@theme_main, 10%); @color_bg_code: fade(@color_text_main, 5%);
// 代码块的背景色 // 代码块的背景色
@color_bg_code_block: #F4FAFE; @color_bg_code_block: #F4FAFE;
// 引用的颜色 // 引用的颜色

@ -24,7 +24,7 @@
@fontsize_base: 16px; @fontsize_base: 16px;
@fontsize_small: @fontsize_base * 0.875; @fontsize_small: @fontsize_base * 0.875;
@fontsize_footnote: @fontsize_base * 0.7; @fontsize_footnote: @fontsize_base * 0.7;
@lineheight_base: 1.7; @lineheight_base: 1.5;
// title // title
@fontsize_h1: @fontsize_base * 1.5; @fontsize_h1: @fontsize_base * 1.5;
@fontsize_h2: @fontsize_base * 1.5; @fontsize_h2: @fontsize_base * 1.5;

Loading…
Cancel
Save