61 lines
1.4 KiB
Stylus
61 lines
1.4 KiB
Stylus
.timeline-wrap
|
|
border-left: 4px solid #e7e7e7
|
|
margin: 40px 20px 40px 40px
|
|
|
|
.timeline-row
|
|
clearfix()
|
|
margin: 20px 0
|
|
.node,
|
|
.title
|
|
float: left
|
|
.node
|
|
width: 12px
|
|
color: white
|
|
height: 12px
|
|
border-radius: 50%
|
|
margin: 11px 0 0 -8px
|
|
display: inline-block
|
|
background-color: #38b7ea
|
|
.content
|
|
margin-left: 25px
|
|
position: relative
|
|
background-color: white
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
|
|
&:after,
|
|
&:before
|
|
content: ''
|
|
position: absolute
|
|
display: inline-block
|
|
&:after
|
|
top: 10px
|
|
left: -14px
|
|
border: 7px solid transparent
|
|
border-right-color: white
|
|
&:before
|
|
top: 9px
|
|
left: -16px
|
|
border: 8px solid transparent
|
|
border-right-color: rgba(0, 0, 0, 0.05)
|
|
h1,
|
|
.article-meta
|
|
padding: 10px
|
|
h1
|
|
font-size: 16px
|
|
a
|
|
@extend $link-dark
|
|
.article-meta
|
|
border-top: 1px solid #f7f7f7
|
|
background-color: rgba(244, 246, 247, 0.2)
|
|
|
|
.timeline-row-major
|
|
.node
|
|
width: 14px
|
|
height: 14px
|
|
font-size: 14px
|
|
margin: 0 0 0 -17px
|
|
padding: 6px 8px 10px
|
|
.title
|
|
font-size: 18px
|
|
margin-left: 15px
|
|
line-height: 30px
|