curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(css): <hr> appearance 

- partially revert 9ace0ace5f
This commit is contained in:
curben 2019-09-06 13:32:26 +01:00
parent 7ac3b846c1
commit 0426c53a77
No known key found for this signature in database
GPG Key ID: 5D9DB57A25D34EE3
2 changed files with 43 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<article id="<%= post.layout %>-<%= post.slug %>" class="h-entry article article-type-<%= post.layout %>" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting"> <article id="<%= post.layout %>-<%= post.slug %>" class="h-entry article article-type-<%= post.layout %>" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<%- partial('_partial/header') %> <%- partial('_partial/header') %>
<hr/> <hr class="header-hr">
<div class="article-inner"> <div class="article-inner">
<%- partial('post/gallery') %> <%- partial('post/gallery') %>
<% if (post.link || post.title) { %> <% if (post.link || post.title) { %>

80
themes/typing/source/css/typing.css
View File

@ -84,14 +84,37 @@ textarea {
} }
hr { hr {
background: -webkit-linear-gradient(0deg,transparent,#e6e6e6,transparent);
border: none; border: none;
border-bottom: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;
margin-bottom: 1em;
box-sizing: content-box; box-sizing: content-box;
height: 0; height: 1px;
margin-bottom: 1em;
margin-left: 25%;
overflow: visible; overflow: visible;
width: 50%; width: 50%;
margin-left: 25%; }
.archive-container hr,
.category-container hr,
.tag-container hr,
.article hr {
width: 100%;
margin-left: 0;
}
.home hr {
width: 80%;
margin: 1em auto;
}
.article .article-footer,
.article .article-footer hr {
margin-top: 1em;
}
.header-hr {
background: -webkit-linear-gradient(0deg,#e6e6e6,#e6e6e6,transparent);
} }
figcaption, figcaption,
@ -180,19 +203,6 @@ samp {
display: none; display: none;
} }
.archive-container hr,
.archive-footer hr,
.article .article-footer hr,
.article hr,
.category-container hr,
.home hr,
.post-footer hr,
.tag-container hr {
border: 0;
height: 1px;
margin-top: 0;
}
.main-nav-link { .main-nav-link {
margin-right: 0.5em; margin-right: 0.5em;
color: #cacdd0; color: #cacdd0;
@ -318,11 +328,6 @@ blockquote {
margin: 0 auto; margin: 0 auto;
} }
.home hr {
width: 80%;
margin: 1em auto;
}
.home li { .home li {
list-style: none; list-style: none;
} }
@ -385,13 +390,6 @@ blockquote {
margin: 0; margin: 0;
} }
.archive-container hr,
.category-container hr,
.tag-container hr {
width: 100%;
margin-left: 0;
}
.archive-container .archive-article-date, .archive-container .archive-article-date,
.category-container .archive-article-date, .category-container .archive-article-date,
.tag-container .archive-article-date { .tag-container .archive-article-date {
@ -419,11 +417,6 @@ blockquote {
border: 0; border: 0;
} }
.article hr {
width: 100%;
margin-left: 0;
}
.article .caption { .article .caption {
color: #cacdd0; color: #cacdd0;
display: block; display: block;
@ -545,11 +538,6 @@ blockquote {
text-align: left; text-align: left;
} }
.article .article-footer,
.article .article-footer hr {
margin-top: 1em;
}
.article .article-meta { .article .article-meta {
color: #cacdd0; color: #cacdd0;
font-size: 0.9em; font-size: 0.9em;
@ -911,6 +899,14 @@ svg#link {
background: #333; background: #333;
} }
hr {
background: -webkit-linear-gradient(0deg,transparent,#e6e6e6,transparent);
}
.header-hr {
background: -webkit-linear-gradient(0deg,#e6e6e6,#e6e6e6,transparent);
}
.copy-button:hover { .copy-button:hover {
background: #e6e6e6; background: #e6e6e6;
color: black; color: black;
@ -935,6 +931,14 @@ svg#link {
background: #d8d8d8; background: #d8d8d8;
} }
hr {
background: -webkit-linear-gradient(0deg,transparent,#333,transparent);
}
.header-hr {
background: -webkit-linear-gradient(0deg,#333,#333,transparent);
}
.copy-button:hover { .copy-button:hover {
background: #333; background: #333;
color: #f1f1f1; color: #f1f1f1;