Homepage: Minor style tweaks to make feed a bit more compact
This commit is contained in:
parent
2028891e7a
commit
77b17e31e0
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user