diff options
Diffstat (limited to 'sass/parts')
| -rw-r--r-- | sass/parts/_archive.scss | 18 | ||||
| -rw-r--r-- | sass/parts/_article.scss | 21 | ||||
| -rw-r--r-- | sass/parts/_index.scss | 14 | ||||
| -rw-r--r-- | sass/parts/_post.scss | 20 |
4 files changed, 49 insertions, 24 deletions
diff --git a/sass/parts/_archive.scss b/sass/parts/_archive.scss index 1a2009c..61442b9 100644 --- a/sass/parts/_archive.scss +++ b/sass/parts/_archive.scss @@ -49,8 +49,12 @@ } span{ margin-right: 30px; - padding-left: 30px; @include inline-block; + &:before{ + color: $color-gray03; + font: 1.3em $font-icon; + padding-right: 10px; + } } a{ color: $color-gray02; @@ -59,15 +63,9 @@ color: $color-gray01; } } - .date{ - background: image-url('date.png') 0 center no-repeat; - } - .tags{ - background: image-url('tags.png') 0 center no-repeat; - } - .comments{ - background: image-url('comments.png') 0 center no-repeat; - } + .date:before{content: "\f073";} + .tags:before{content: "\f02c";} + .comments:before{content: "\f075";} } } }
\ No newline at end of file diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss index 91f6273..fdcb74d 100644 --- a/sass/parts/_article.scss +++ b/sass/parts/_article.scss @@ -27,9 +27,16 @@ article{ } .more-link{ display: block; - margin-top: 20px; + margin-top: 16px; padding-left: 30px; - background: image-url('more.png') 0 center no-repeat; + position: relative; + &:before{ + content: "\f061"; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } } p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{ margin-top: 10px; @@ -96,11 +103,19 @@ article{ } } .caption{ - background: image-url('caption.png') 0 4px no-repeat; display: block; font-size: 0.9em; color: $color-gray02; padding-left: 25px; + position: relative; + &:before{ + content: "\f040"; + color: $color-gray03; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } } .video-container{ position: relative; diff --git a/sass/parts/_index.scss b/sass/parts/_index.scss index f833fb9..833bf02 100644 --- a/sass/parts/_index.scss +++ b/sass/parts/_index.scss @@ -13,14 +13,24 @@ position: absolute; } .prev{ - background: image-url('back.png') 0 center no-repeat; padding-left: 30px; left: 0; + &:before{ + content: "\f060"; + font: 1.3em $font-icon; + position: absolute; + left: 0; + } } .next{ - background: image-url('more.png') right center no-repeat; padding-right: 30px; right: 0; + &:before{ + content: "\f061"; + font: 1.3em $font-icon; + position: absolute; + right: 0; + } } .center{ text-align: center; diff --git a/sass/parts/_post.scss b/sass/parts/_post.scss index fc4bf6d..5259265 100644 --- a/sass/parts/_post.scss +++ b/sass/parts/_post.scss @@ -23,19 +23,21 @@ } .date, .tags, .comments{ padding-left: 30px; + position: relative; + &:before{ + color: $color-gray03; + font: 1.3em $font-icon; + line-height: 1.6em; + position: absolute; + left: 0; + } @media screen and (max-width: 800px){ @include inline-block; margin-right: 30px; } } - .date{ - background: image-url('date.png') 0 center no-repeat; - } - .tags{ - background: image-url('tags.png') 0 center no-repeat; - } - .comments{ - background: image-url('comments.png') 0 center no-repeat; - } + .date:before{content: "\f073";} + .tags:before{content: "\f02c";} + .comments:before{content: "\f075";} } }
\ No newline at end of file |