summaryrefslogtreecommitdiffstats
path: root/sass/parts
diff options
context:
space:
mode:
Diffstat (limited to 'sass/parts')
-rw-r--r--sass/parts/_archive.scss65
-rw-r--r--sass/parts/_article.scss27
-rw-r--r--sass/parts/_post.scss27
3 files changed, 92 insertions, 27 deletions
diff --git a/sass/parts/_archive.scss b/sass/parts/_archive.scss
new file mode 100644
index 0000000..ad96dc2
--- /dev/null
+++ b/sass/parts/_archive.scss
@@ -0,0 +1,65 @@
+section.archive{
+ position: relative;
+ &:first-of-type{
+ border-top: 1px solid $light-shadow;
+ article.archive{
+ border-top: none;
+ }
+ h1.archive-title{
+ border-top: none;
+ &:before{
+ border-top: none;
+ }
+ }
+ }
+ &:last-of-type{
+ border-bottom: 1px solid $border;
+ article.archive{
+ border-bottom: none;
+ }
+ }
+ h1.archive-title{
+ font-size: 25px;
+ font-weight: 300;
+ line-height: 35px;
+ width: 200px;
+ position: absolute;
+ top: 0;
+ padding-top: 30px;
+ border-top: 1px solid #fff;
+ &:before{
+ content: "";
+ position: absolute;
+ top: -2px;
+ width: 100%;
+ border-top: 1px solid #ddd;
+ }
+ }
+ article.archive{
+ margin-left: 200px;
+ .meta{
+ color: $font-meta;
+ span{
+ margin-right: 30px;
+ padding-left: 30px;
+ display: inline-block;
+ }
+ a{
+ color: $font-meta;
+ @include transition(0.3s);
+ &:hover{
+ color: $font-main;
+ }
+ }
+ .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;
+ }
+ }
+ }
+} \ No newline at end of file
diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss
index eae9eaf..4423eee 100644
--- a/sass/parts/_article.scss
+++ b/sass/parts/_article.scss
@@ -95,33 +95,6 @@ article{
padding-left: 25px;
}
}
- .meta{
- position: absolute;
- top: 85px;
- line-height: 2;
- font-size: 13px;
- color: $font-meta;
- width: 170px;
- a{
- color: $font-meta;
- @include transition(0.3s);
- &:hover{
- color: $font-main;
- }
- }
- .date, .tags, .comments{
- padding-left: 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;
- }
- }
}
.share{
padding: 15px 0;
diff --git a/sass/parts/_post.scss b/sass/parts/_post.scss
index bbd6029..b27b4c7 100644
--- a/sass/parts/_post.scss
+++ b/sass/parts/_post.scss
@@ -2,4 +2,31 @@
h1.title, .entry{
margin-left: 200px;
}
+ .meta{
+ position: absolute;
+ top: 85px;
+ line-height: 2;
+ font-size: 13px;
+ color: $font-meta;
+ width: 170px;
+ a{
+ color: $font-meta;
+ @include transition(0.3s);
+ &:hover{
+ color: $font-main;
+ }
+ }
+ .date, .tags, .comments{
+ padding-left: 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;
+ }
+ }
} \ No newline at end of file