[Client] Sticky icons

This commit is contained in:
syuilo 2017-02-06 16:14:05 +09:00
parent e52cb4d71b
commit 70847209c4
5 changed files with 8 additions and 5 deletions

View File

@ -4,6 +4,7 @@
<style type="stylus"> <style type="stylus">
:scope :scope
display block display block
overflow hidden
background #fff background #fff
> .banner > .banner

View File

@ -29,7 +29,7 @@
//border solid 1px #eaeaea //border solid 1px #eaeaea
border solid 1px rgba(0, 0, 0, 0.075) border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px border-radius 6px
overflow hidden //box-shadow 0px 2px 16px rgba(0, 0, 0, 0.2)
&:not(:last-child) &:not(:last-child)
margin-bottom 16px margin-bottom 16px

View File

@ -137,7 +137,9 @@
> .avatar-anchor > .avatar-anchor
display block display block
float left float left
margin 0 16px 0 0 margin 0 16px 10px 0
position sticky
top 74px
> .avatar > .avatar
display block display block

View File

@ -111,7 +111,9 @@
> .avatar-anchor > .avatar-anchor
display block display block
float left float left
margin 0 10px 0 0 margin 0 10px 8px 0
position sticky
top 66px
@media (min-width 500px) @media (min-width 500px)
margin-right 16px margin-right 16px

View File

@ -13,8 +13,6 @@
:scope :scope
display block display block
background #fff background #fff
background-clip content-box
overflow hidden
> .init > .init
padding 64px 0 padding 64px 0