sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
结发受长生 2018-06-11 15:04:40 +08:00
parent 84e0478a73
commit 79c6a7588e
10 changed files with 50 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
themes/yilia/layout/_partial/archive.ejs
View File

@ -1,16 +1,14 @@
<% if (pagination == 2){ %>
<% page.posts.each(function(post){ %>
<% if (pagination == 2){
page.posts.each(function(post){ %>
<%- partial('article', {post: post, index: true}) %>
<% }) %>
<% } else { %>
<% var last; %>
<% page.posts.each(function(post, i){ %>
<% var year = post.date.year(); %>
<% if (last != year){ %>
<% if (last != null){ %>
</div></section>
<% } %>
<% last = year; %>
<% })
} else {
var last;
page.posts.each(function(post, i){
var year = post.date.year();
if (last != year){
if (last != null){ %></div></section><% }
last = year; %>
<section class="archives-wrap">
<div class="archive-year-wrap">
<a href="<%- url_for('archives/' + year) %>" class="archive-year"><%= year %></a>
@ -18,12 +16,9 @@
<div class="archives">
<% } %>
<%- partial('archive-post', {post: post, even: i % 2 == 0}) %>
<% }) %>
<% if (page.posts.length){ %>
</div></section>
<% } %>
<% } %>
<% if (page.total > 1){ %>
<% })
if (page.posts.length){ %></div></section><% }}
if (page.total > 1){ %>
<nav id="page-nav">
<%- paginator({
prev_text: '&laquo; '+__('prev'),

2
themes/yilia/layout/_partial/article.ejs
View File

@ -1,4 +1,4 @@
<article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %> <%if(index){%> article-index<%}%>" itemscope itemprop="blogPost">
<article class="article article-type-<%= post.layout %> <%if(index){%> article-index<%}%>" itemscope itemprop="blogPost">
<div class="article-inner">
<% if (post.link || post.title){ %>
<header class="article-header">

10
themes/yilia/layout/_partial/left-col.ejs
View File

@ -20,11 +20,11 @@
</ul>
</nav>
<nav class="header-smart-menu">
<% for (let menuName in theme.smart_menu){
if(theme.smart_menu[menuName]){ %>
<a @click="openSlider($event, '<%-menuName%>')" href="javascript:void(0)"><%= __(theme.smart_menu[menuName]) %></a>
<% }
} %>
<% for (let menuName in theme.smart_menu){
if(theme.smart_menu[menuName]){ %>
<a @click="openSlider($event, '<%-menuName%>')" href="javascript:void(0)"><%= __(theme.smart_menu[menuName]) %></a>
<% }
} %>
</nav>
<nav class="header-nav">
<div class="social">

18
themes/yilia/layout/_partial/tools.ejs
View File

@ -12,12 +12,12 @@
}
%>
<ul style="width:70%">
<% var divide = 100 / count + '%' %>
<% for (let menu_name in theme.smart_menu){ %>
<% if(theme.smart_menu[menu_name]){ %>
<% var divide = 100 / count + '%'
for (let menu_name in theme.smart_menu){
if(theme.smart_menu[menu_name]){ %>
<li style="width: <%= divide %>" @click="openSlider($event, '<%-menu_name%>')"><a href="javascript:void(0)" :class="{active:<%-menu_name%>}"><%= __(theme.smart_menu[menu_name]) %></a></li>
<% } %>
<% } %>
<% }
} %>
</ul>
</div>
<div class="tools-wrap">
@ -103,7 +103,6 @@
</ul>
</section>
<%}%>
<%if(hasFriends){%>
<section class="tools-section tools-section-friends" v-show="friends">
<%if(theme.friends && theme.friends.length != 0){%>
@ -117,12 +116,11 @@
<%}%>
</section>
<%}%>
<%if(hasAboutme){%>
<section class="tools-section tools-section-me" v-show="aboutme">
<%if(theme.aboutme){%>
<div class="aboutme-wrap" id="js-aboutme"><%-theme.aboutme%></div>
<%}%>
<%if(theme.aboutme){%>
<div class="aboutme-wrap" id="js-aboutme"><%-theme.aboutme%></div>
<%}%>
</section>
<%}%>
</div>

13
themes/yilia/source-src/css/archive.scss
View File

@ -63,7 +63,6 @@
content: "“";
font-family: serif;
font-size: 30px;
float: left;
margin: 4px 4px 0 -12px;
color: #c8c8c8;
}
@ -102,13 +101,11 @@
font-size: 14px;
}
.archive-article-date{
cursor: default;
font-size: 12px;
margin-bottom: 5px;
margin-top: -10px;
margin-right: 0;
time{
}
cursor: default;
font-size: 12px;
margin-bottom: 5px;
margin-top: -10px;
margin-right: 0;
}
.article-category{
&:before{

6
themes/yilia/source-src/css/article-inner.scss
View File

@ -42,11 +42,6 @@
margin-bottom: 1.75em;
}
.article-inner h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.article-inner h6 {
font-style: italic;
}
@ -114,7 +109,6 @@
background: #aaa;
display: inline-block;
margin-right: 10px;
float: left;
margin-top: 10px;
}
}

2
themes/yilia/source-src/css/footer.scss
View File

@ -1,7 +1,5 @@
#footer {
font-size: 12px;
font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
text-shadow: 0 1px #fff;
position: absolute;
bottom: 30px;
opacity: 0.6;

27
themes/yilia/source-src/css/left.scss
View File

@ -51,15 +51,18 @@
min-height: 150px;
margin-left: -12px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
li{
cursor: default;
a{
font-size: 14px;
min-width: 300px;
position: relative;
ul {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
li{
cursor: default;
a{
font-size: 14px;
min-width: 300px;
}
}
}
}
@ -68,7 +71,8 @@
margin-bottom: 20px;
a {
&:after {
content: '/'
content: '/';
margin-left: 4px;
}
&:last-child {
&:after {
@ -96,6 +100,8 @@
text-align: center;
img{
border-radius: 300px;
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: all 0.2s ease-in;
&.show{
@ -108,7 +114,6 @@
.header-author{
text-align: center;
margin: 0.67em 0;
font-family: Roboto, "Roboto", serif;
font-size: 30px;
transition: 0.3s;
}

2
themes/yilia/source/css/main.css
View File

File diff suppressed because one or more lines are too long

2
themes/yilia/webpack.config.js
View File

@ -36,7 +36,7 @@ module.exports = {
loader: 'html'
},{
test: /\.(scss|sass)$/,
loader: mainCss.extract({fallback:"style-loader",use:["css-loader","postcss-loader","sass-loader?outputStyle=compressed"]})
loader: mainCss.extract({fallback:"style-loader",use:["css-loader","postcss-loader","sass-loader?outputStyle=compact"]})
},{
test: /\.css$/,
loaders: extraCss.extract({fallback:"style-loader",use:["css-loader?minimize=true","postcss-loader"]})