Homepage: Small cleanup of classes and more space between posts

Also fix selectors for comments/assets
This commit is contained in:
2017-11-10 17:35:19 +01:00
parent 0c4db84940
commit 08f56877ca
2 changed files with 64 additions and 75 deletions

View File

@@ -407,50 +407,56 @@
> li
+container-box
display: flex
padding: 15px
margin-bottom: 15px
flex-direction: column
margin-bottom: 50px
&:before
height: 1px
background-color: $color-background-dark
position: absolute
bottom: -26px
left: 25px
right: 25px
content: ' '
&:first-child
border-top: none
&:last-child
border:
bottom-left-radius: 3px
bottom-right-radius: 3px
margin-bottom: 0
&:before
display: none
a.title
font-size: 1.6em
padding: 5px 15px
display: block
color: $color-text
&:hover
color: $color-primary
a.blog-stream__thumbnail
display: block
position: relative
img
border-top-left-radius: 3px
border-top-right-radius: 3px
width: 100%
ul.meta
+list-meta
font-size: .9em
padding: 15px 15px 5px
&.blog-non-featured
border-radius: 0
margin: 0
&.more
font-size: .9em
justify-content: space-between
a
color: $color-text-dark-secondary
.blog-stream__list-thumbnail
display: block
position: relative
width: 50px
min-width: 50px
height: 50px
min-height: 50px
margin-right: 15px
background-color: $node-type-post
border-radius: 3px
overflow: hidden
img
width: 100%
i
+position-center-translate
font-size: 1.6em
color: $color-text-light-primary
.description
+node-details-description
padding: 5px 15px
padding: 10px 15px
.blog-stream__list-details
.title
@@ -472,32 +478,18 @@
&:before
left: -5px
&.featured
flex-direction: column
padding: 0
.more
text-align: center
a.title
font-size: 1.5em
padding: 20px 0 0 15px
display: block
color: $color-text-dark-primary
&:hover
color: $color-primary
a.blog-stream__thumbnail
display: block
position: relative
img
border-top-left-radius: 3px
border-top-right-radius: 3px
width: 100%
ul.meta
+list-meta
font-size: .9em
padding: 5px 15px 10px
a
color: $color-text
display: block
padding: 25px 0
text-decoration: underline
width: 100%
&:hover
color: $color-primary
section.random-asset
border-bottom: thin solid $color-background-dark
@@ -593,7 +585,8 @@
font-size: 1.1em
padding: 10px 0 5px
display: block
color: $color-text-dark-primary
color: $color-text
&:hover
color: $color-primary