diff options
Diffstat (limited to 'sass/parts/_archive.scss')
| -rw-r--r-- | sass/parts/_archive.scss | 48 |
1 files changed, 18 insertions, 30 deletions
diff --git a/sass/parts/_archive.scss b/sass/parts/_archive.scss index 6b5ee75..1a2009c 100644 --- a/sass/parts/_archive.scss +++ b/sass/parts/_archive.scss @@ -1,24 +1,15 @@ -section.archive{ +.archives{ position: relative; - &:first-of-type{ - border-top: 1px solid $gray05; - article.archive{ - border-top: none; - } - h1.archive-title{ - border-top: none; - &:before{ - border-top: none; - } - } - } &:last-of-type{ - border-bottom: 1px solid $gray04; - article.archive{ - border-bottom: none; + &:before{ + content: ""; + position: absolute; + bottom: 0; + width: 200px; + border-top: 1px solid $color-gray04; } } - h1.archive-title{ + .year{ line-height: 35px; width: 200px; position: absolute; @@ -30,30 +21,27 @@ section.archive{ position: absolute; top: -2px; width: 100%; - border-top: 1px solid $gray04; + border-top: 1px solid $color-gray04; } @media screen and (max-width: 600px){ position: relative; width: 100%; - & + article.archive{ - border-top: none; - h1{ - padding-top: 15px; - } - } } } - article.archive{ + article{ margin-left: 200px; @media screen and (max-width: 600px){ margin-left: 0; - padding: 15px 0; + &:first-of-type{ + border-top: none; + padding-top: 30px; + } } - h1{ + .title{ margin-bottom: 0; } .meta{ - color: $gray02; + color: $color-gray02; line-height: 2; margin-top: 15px; @media screen and (max-width: 600px){ @@ -65,10 +53,10 @@ section.archive{ @include inline-block; } a{ - color: $gray02; + color: $color-gray02; @include transition(0.3s); &:hover{ - color: $gray01; + color: $color-gray01; } } .date{ |