diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index e095fb63c07dcd62787f4461151055dab6d5827e..cce1cc7c2eb28398c19f3856e0ae2bad4ca1a0c2 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -198,27 +198,4 @@ @if $icon @include icon($icon, after) font-size: px2rem(20) - margin-left: px2rem(10) - - -@mixin layout-posts - @if $posts-list-horizontal - .posts - @include grid(1) - grid-gap: 0 - > div - border-bottom: 1px solid $main-border-color - margin-bottom: $spacing3 - padding-bottom: $spacing3 - .post - @include grid(4, md) - flex-direction: row - div:first-child - width: col(24) - time - font-size: $h5-size - position: absolute - right: 0 - top: 0 - .media - margin: 0 \ No newline at end of file + margin-left: px2rem(10) \ No newline at end of file diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass index 63ab64dbe73ac77086a896923988cf2fd1ec66bd..9aa446ce1cc5ee03bec4763355fca131b44cf453 100644 --- a/assets/sass/_theme/sections/posts.sass +++ b/assets/sass/_theme/sections/posts.sass @@ -14,15 +14,35 @@ display: block font-size: px2rem(14) -.posts - @include grid(1) - @include grid(2, md) - @include grid(3, xl) - .posts__section - @include layout-posts .hero margin-bottom: $spacing4 + + @if $posts-list-horizontal + .posts + @include grid(1) + grid-gap: 0 + > div + border-bottom: 1px solid $main-border-color + margin-bottom: $spacing3 + padding-bottom: $spacing3 + .post + @include grid(4, md) + flex-direction: row + div:first-child + width: col(24) + time + font-size: $h5-size + position: absolute + right: 0 + top: 0 + .media + margin: 0 + @else + .posts + @include grid(1) + @include grid(2, md) + @include grid(3, xl) .post-categories @include list-reset