lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: optimize keep-container in stylus

This commit is contained in:
XPoet 2020-11-27 11:19:34 +08:00
parent 81a3cbea2a
commit 79b38c7ef1
11 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/home-content.ejs
View File

@ -17,7 +17,7 @@
<% if (post.excerpt) { %>
<%- post.excerpt %>
<% } else { %>
<%- truncate(strip_html(post.content), {length: 168}) %>
<%- truncate(strip_html(post.content), {length: 128}) %>
<% } %>
</div>

2
source/css/layout/_partial/empty-page.styl
View File

@ -4,7 +4,7 @@ $friend-link-item-border-radius = 6px;
.empty-page-container {
keep-container(1.005, 1.01, 30px, true);
keep-container(1.005, 1.01, 30px, 30px);
.empty-page-content {

2
source/css/layout/_partial/tagcloud.styl
View File

@ -1,6 +1,6 @@
.tagcloud-container {
keep-container(1.005, 1.01, 30px, true);
keep-container(1.005, 1.01, 30px, 30px);
.tagcloud-content {

2
source/css/layout/archive-content.styl
View File

@ -1,5 +1,5 @@
.archive-container {
keep-container(1.005, 1.01, 30px, true);
keep-container(1.005, 1.01, 30px, 30px);
}

4
source/css/layout/article-content.styl
View File

@ -4,7 +4,7 @@ $post-nav-max-width = 220px;
.article-content-container {
keep-container(1.008, 1.002, 30px, true);
keep-container(1.008, 1.002, 30px, 30px);
.article-title {
color: var(--second-text-color);
@ -109,7 +109,7 @@ $post-nav-max-width = 220px;
height: 100%;
box-sizing: border-box;
keep-container(1.08, 1.08, 10px, false);
keep-container(1.08, 1.08, 10px, 0);
a {
position: relative;

2
source/css/layout/category-content.styl
View File

@ -1,6 +1,6 @@
.category-container {
keep-container(1.02, 1.02, 30px, true);
keep-container(1.02, 1.02, 30px, 30px);
.category-name {
color: var(--second-text-color);

2
source/css/layout/category-list.styl
View File

@ -1,6 +1,6 @@
.category-list-container {
keep-container(1.005, 1.01, 30px, true);
keep-container(1.005, 1.01, 30px, 30px);
.category-list-content {

12
source/css/layout/common/keep-theme.styl
View File

@ -1,4 +1,3 @@
$keep-container-margin-bottom = 30px;
$keep-container-border-radius = 5px;
hover-style(scaleX, scaleY) {
@ -20,24 +19,25 @@ hover-style(scaleX, scaleY) {
}
keep-container(scaleX, scaleY, padding, isMarginBottom) {
keep-container(scaleX, scaleY, padding, marginBottomValue) {
background: var(--background-color);
padding: padding;
border-radius: $keep-container-border-radius;
box-sizing: border-box;
if (isMarginBottom) {
margin-bottom: $keep-container-margin-bottom;
if (marginBottomValue != 0) {
margin-bottom: marginBottomValue;
+keep-tablet() {
margin-bottom: $keep-container-margin-bottom * 0.8;
margin-bottom: marginBottomValue * 0.8;
}
+keep-mobile() {
margin-bottom: $keep-container-margin-bottom * 0.6;
margin-bottom: marginBottomValue * 0.6;
}
}
hover-style(scaleX, scaleY);
+keep-tablet() {

2
source/css/layout/home-content.styl
View File

@ -5,7 +5,7 @@
.home-article-item {
position: relative;
keep-container(1.02, 1.02, 28px, true);
keep-container(1.02, 1.02, 28px, 38px);
.top-icon {
position: absolute;

2
source/css/layout/page.styl
View File

@ -128,7 +128,7 @@ $page-aside-width = $temp-width ? convert($temp-width) : 260px;
overflow-y: auto;
border-radius: 0 !important;
keep-container(1.02, 1.02, 18px, false);
keep-container(1.02, 1.02, 18px, 0);
+keep-tablet() {
left: 0 !important;

2
source/css/layout/tag-content.styl
View File

@ -1,6 +1,6 @@
.tag-container {
keep-container(1.02, 1.02, 30px, true);
keep-container(1.02, 1.02, 30px, 30px);
.tag-name {
color: var(--second-text-color);