update theme

i18n
xaoxuu 6 years ago
parent 6a87308da4
commit a7339d62ab
  1. 21
      layout/_partial/header.ejs
  2. 7
      source/less/_article.less
  3. 8
      source/less/_base.less
  4. 8
      source/less/_defines.less
  5. 2
      source/less/_main.less

@ -48,17 +48,16 @@
</div>
</header>
<aside class="menu-phone">
<div class="header"><%=config.title%></div>
<nav>
<ul>
<% if (config.nav_menu) { %>
<% (config.nav_menu || []).forEach(function(value){ %>
<li>
<a class='nav-<%=value.slug%> flat-box nav flat-box' href='<%=url_for(value.url)%>'>
<i class='fa <%=value.icon%> fa-fw'></i>&nbsp;<%=value.name%></a>
</li>
<%})%>
<% } %>
</ul>
<ul>
<% if (config.nav_menu) { %>
<% (config.nav_menu || []).forEach(function(value){ %>
<li>
<a class='nav-<%=value.slug%> flat-box nav flat-box' href='<%=url_for(value.url)%>'>
<i class='fa <%=value.icon%> fa-fw'></i>&nbsp;<%=value.name%></a>
</li>
<%})%>
<% } %>
</ul>
</nav>
</aside>

@ -156,7 +156,8 @@
background: fade(@theme_bg_quote, 10%);
margin: 1em 0;
padding: @gap;
border-left: @border_radius_left_line solid @theme_bg_quote;
border-left: @border_radius solid @theme_bg_quote;
border-radius: @border_radius;
.enable-trans();
footer {
strong {
@ -425,8 +426,8 @@
}
&::-webkit-scrollbar {
height: @border_radius_code_block;
width: @border_radius_code_block;
height: @border_radius_line;
width: @border_radius_line;
}
// /* Track */

@ -284,18 +284,18 @@ li {
display: inline-block;
padding: 0 8px;
color: @black;
border-left: @border_radius_left_line solid transparent;
border-left: @border_radius_line solid transparent;
background: transparent;
// border-radius: @border_radius_code_block;
border-radius: @border_radius_code_block;
.enable-trans();
&:hover {
border-left: @border_radius_left_line solid @theme_bg_quote;
border-left: @border_radius_line solid @theme_bg_quote;
padding: 8px;
background: fade(@theme_bg_quote, 10%);
}
&:active {
// border-radius: @border_radius;
border-left: max(@border_radius, @border_radius_left_line) solid @theme_bg_quote;
border-left: max(@border_radius, @border_radius_line) solid @theme_bg_quote;
}
}

@ -127,8 +127,8 @@
// start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 0px: 极端,2px:硬朗,4px:常规,8px:圆润,16px:温柔
@border_radius: 8px; // 圆角半径,可以根据心情随时调整风格
@border_radius_left_line: 4px; // 左边的竖线的宽度
@border_radius_code_block: 4px; // 代码块的圆角及其滚动条的宽度
@border_radius_line: 4px; // 线的宽度和滚动条的宽度
@border_radius_code_block: 8px; // 代码块的圆角
// end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
@ -145,9 +145,9 @@
// 卡片标题栏背景
@theme_bg_card_header: @theme_bg_navbar;
// 代码的背景色
@theme_bg_code: fade(@color_mac_minimize, 6%);
@theme_bg_code: fade(@color_mac_minimize, 10%);
// 代码块的背景色
@theme_bg_code_block: fade(@color_mac_minimize, 8%);
@theme_bg_code_block: fade(@color_mac_minimize, 10%);
// 引用的颜色以及分类、归档的 hover 时颜色
@theme_bg_quote: @theme_base_tint;
// 文字颜色 ----------------

@ -55,7 +55,7 @@
}
blockquote{
padding: @gap;
border-left: @border_radius_left_line solid @theme_bg_quote;
border-left: @border_radius_line solid @theme_bg_quote;
// border-radius: @border_radius_code_block;
.enable-trans();
p{

Loading…
Cancel
Save