增大一点点字体, 优化文章重点, 阅读全文现在更明显了

This commit is contained in:
yafeilee 2014-05-26 22:00:23 +08:00
parent 9fc6c6a8b8
commit 5f6e8e846a
6 changed files with 22 additions and 6 deletions

View File

@ -6,6 +6,8 @@
.ptag {
text-align: right;
margin-bottom: 0.5rem;
color: #666;
font-size: 95%;
span {
margin-left: 0.5rem;
}
@ -19,13 +21,20 @@
}
.read-more {
border-bottom: 1px solid #dddddd;
padding-bottom: 0.5rem;
margin-bottom: 0.275rem;
margin-top: 1rem;
display: inline-block;
padding: 1rem;
border: 1px solid #ccc;
color: #333;
&:hover {
color: #333;
border-color: #aaa;
}
}
.published-at {
text-align: right;
color: #999;
}
.blog-over {

View File

@ -16,7 +16,7 @@
// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
// If you want your base font-size to be different and not have it affect the grid breakpoints,
// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
// $base-font-size: 100%;
$base-font-size: 110%;
// The $base-line-height is 100% while $base-font-size is 150%
// $base-line-height: 150%;

View File

@ -1,5 +1,7 @@
.markdown {
//color: rgba(0,0,0,1);
word-wrap: break-word;
overflow: hidden;

View File

@ -3,9 +3,12 @@
.content.markdown
== post.content_html
p.ptag
p.ptag.published-at
| 发表于:
span #{format_date(post.created_at)}
= render 'common/copyright'
hr.blog-over
p ng-controller="LikesController" ng-cloak=""
button.like-button ng-show="! is_liked " ng-click="submit()"

View File

@ -16,7 +16,7 @@
.content.markdown
== @newest.sub_content
= link_to "阅读全文 >>", blog_path(@newest)
= link_to "阅读全文 >>", blog_path(@newest), class: 'read-more'
p.published-at 发表于 #{format_date(@newest.created_at)}
h4.recent-title RECENT

View File

@ -0,0 +1,2 @@
p.copyright.published-at.ptag
| © 自由转载 - 非商用 - 非衍生 - 保持署名