[Client] Sticky icons
This commit is contained in:
parent
e52cb4d71b
commit
70847209c4
|
@ -4,6 +4,7 @@
|
||||||
<style type="stylus">
|
<style type="stylus">
|
||||||
:scope
|
:scope
|
||||||
display block
|
display block
|
||||||
|
overflow hidden
|
||||||
background #fff
|
background #fff
|
||||||
|
|
||||||
> .banner
|
> .banner
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue