Blog on frontpage

This commit is contained in:
2016-11-25 13:32:05 +01:00
parent f2d9df8b61
commit f75c43055f
4 changed files with 171 additions and 11 deletions

View File

@@ -399,6 +399,112 @@
&.clear:hover
color: $color-danger
section#blog-stream
position: relative
.feed
position: absolute
top: 10px
right: 10px
font-size: 1.4em
color: lighten($color-text-dark-hint, 10%)
&:hover
color: $color-primary
ul#blog-stream__list
background-color: $color-background-light
margin: 0
padding: 0
list-style: none
border:
top: thin solid $color-background
bottom-left-radius: 3px
bottom-right-radius: 3px
.blog-stream__list-item
display: flex
padding: 7px 15px
border-top: thin solid $color-background
&:first-child
border-top: none
&:last-child
border:
bottom-left-radius: 3px
bottom-right-radius: 3px
&.more
font-size: .9em
a
width: 100%
text-align: right
color: $color-text-dark-secondary
&:hover
color: $color-primary
.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: 50%
overflow: hidden
img
width: 100%
i
+position-center-translate
font-size: 1.6em
color: $color-text-light-primary
.blog-stream__list-details
.title
display: block
color: $color-text-dark-primary
&:hover
color: $color-primary
ul.meta
+list-meta
padding-top: 5px
font-size: .9em
color: $color-text-dark-secondary
li
padding-left: 10px
&:before
left: -5px
&.featured
flex-direction: column
padding: 0
a.title
font-size: 1.1em
padding: 10px 0 0 15px
display: block
color: $color-text-dark-primary
&:hover
color: $color-primary
a.blog-stream__thumbnail
display: block
position: relative
img
width: 100%
ul.meta
+list-meta
padding: 5px 15px 10px 15px
font-size: .9em
section.announcement
border-bottom: thin solid $color-background