Homepage: Minor style tweaks to make feed a bit more compact

This commit is contained in:
Pablo Vazquez 2016-10-07 14:52:39 +02:00
parent 2028891e7a
commit 77b17e31e0

View File

@ -174,8 +174,7 @@ $node-type-post: #647bce
li.activity-stream__list-item li.activity-stream__list-item
display: flex display: flex
align-items: center align-items: center
padding: 5px 20px padding: 5px 15px
+clearfix +clearfix
&:hover &:hover
@ -187,10 +186,9 @@ $node-type-post: #647bce
.title .title
font-size: 1.2em font-size: 1.2em
&.video &.video .activity-stream__list-details
.activity-stream__list-details
a.image
border-color: $node-type-asset_video border-color: $node-type-asset_video
a.image
&:hover &:hover
i i
font-size: 3.5em font-size: 3.5em
@ -208,26 +206,20 @@ $node-type-post: #647bce
font-size: 3em font-size: 3em
transition: font-size 100ms ease-in-out transition: font-size 100ms ease-in-out
&.image &.image .activity-stream__list-details
.activity-stream__list-details
a.image
border-color: $node-type-asset_image border-color: $node-type-asset_image
&.file &.file .activity-stream__list-details
.activity-stream__list-details
a.image
border-color: $node-type-asset_file border-color: $node-type-asset_file
&.comment &.comment
.activity-stream__list-details .activity-stream__list-details
border-color: $node-type-comment
.title .title
color: $color-text-dark color: $color-text-dark
padding: 10px 10px 5px 10px padding: 10px 15px 5px 15px
+text-overflow-ellipsis +text-overflow-ellipsis
width: 100% width: 100%
ul.meta
border-color: $node-type-comment
li.where-parent:before li.where-parent:before
content: '\e83a' content: '\e83a'
font-family: 'pillar-font' font-family: 'pillar-font'
@ -236,13 +228,13 @@ $node-type-post: #647bce
float: right float: right
&:before &:before
content: '' content: ''
li.who
font-weight: 500
&.post &.post
.activity-stream__list-thumbnail .activity-stream__list-thumbnail
color: $node-type-post color: $node-type-post
.activity-stream__list-details .activity-stream__list-details
border-color: $node-type-post
.title .title
color: $color-text-dark-primary color: $color-text-dark-primary
max-width: 80% max-width: 80%
@ -252,9 +244,6 @@ $node-type-post: #647bce
size: 1.2em size: 1.2em
weight: 500 weight: 500
a.image
border-color: $node-type-post
&.asset, &.comment, &.post &.asset, &.comment, &.post
&:hover &:hover
cursor: pointer cursor: pointer
@ -285,11 +274,11 @@ $node-type-post: #647bce
align-self: flex-start align-self: flex-start
align-items: center align-items: center
justify-content: center justify-content: center
margin-top: 5px margin-top: 8px
width: 30px width: 25px
height: 30px height: 25px
min-width: 30px min-width: 25px
min-height: 30px min-height: 25px
+media-xs +media-xs
display: none display: none
@ -313,12 +302,12 @@ $node-type-post: #647bce
.activity-stream__list-details .activity-stream__list-details
position: relative position: relative
overflow: hidden
width: 100% width: 100%
margin-left: 15px margin-left: 15px
background-color: white background-color: white
border: thin solid $color-background-dark
border-radius: 3px border-radius: 3px
border-left: 2px solid $color-background
box-shadow: 0 0 1px 1px rgba(black, .1), 0 2px 5px rgba(black, .05)
+media-xs +media-xs
margin-left: 0 margin-left: 0
@ -337,7 +326,7 @@ $node-type-post: #647bce
.title .title
display: inline-block display: inline-block
padding: 10px 15px padding: 10px 15px
color: $color-text-dark-primary color: $color-text-dark
span span
@include badge(hsl(hue($color-success), 60%, 45%), 3px) @include badge(hsl(hue($color-success), 60%, 45%), 3px)
@ -359,7 +348,6 @@ $node-type-post: #647bce
.image .image
display: block display: block
position: relative position: relative
border-bottom: 2px solid $color-background
text-align: center text-align: center
background-color: $color-background background-color: $color-background
@ -367,15 +355,14 @@ $node-type-post: #647bce
max-width: 100% max-width: 100%
display: inline-block display: inline-block
margin: 0 auto margin: 0 auto
border-top-left-radius: 3px
border-top-right-radius: 3px
ul.meta ul.meta
+list-meta +list-meta
padding: 5px 10px padding: 0 10px 5px 15px
display: block font-size: .85em
font-size: .9em
color: $color-text-dark-secondary color: $color-text-dark-secondary
background-color: $color-background-light
border-top: thin solid $color-background-dark
li li
padding-left: 10px padding-left: 10px
@ -390,7 +377,7 @@ $node-type-post: #647bce
list-style: none list-style: none
position: absolute position: absolute
top: 20px top: 20px
right: 20px right: 15px
border-radius: 3px border-radius: 3px
li li