2016-10-20 12:54:03 +02:00
|
|
|
/* General style for activities in all places */
|
2016-10-05 11:11:55 +02:00
|
|
|
.d-activity
|
2016-10-18 18:24:04 +02:00
|
|
|
font-size: .9em
|
2016-10-20 11:59:32 +02:00
|
|
|
|
|
|
|
|
$activity-highlight-color: #00cc9f
|
|
|
|
|
|
2016-10-05 11:11:55 +02:00
|
|
|
ul
|
2016-10-18 18:24:04 +02:00
|
|
|
cursor: default
|
2016-10-20 15:33:20 +02:00
|
|
|
padding: 5px
|
2016-10-05 11:11:55 +02:00
|
|
|
color: $color-text-dark-primary
|
|
|
|
|
list-style: none
|
|
|
|
|
|
|
|
|
|
li
|
2016-10-20 15:33:20 +02:00
|
|
|
padding: 0 10px 7px 10px
|
|
|
|
|
position: relative
|
|
|
|
|
|
2016-10-20 12:54:03 +02:00
|
|
|
span.date
|
|
|
|
|
color: darken($activity-highlight-color, 5%)
|
|
|
|
|
|
2016-10-20 15:33:20 +02:00
|
|
|
/* Left Dot */
|
|
|
|
|
&:after
|
|
|
|
|
content: ''
|
|
|
|
|
display: block
|
|
|
|
|
position: absolute
|
|
|
|
|
top: 6px
|
|
|
|
|
left: -3px
|
|
|
|
|
width: 5px
|
|
|
|
|
height: 5px
|
|
|
|
|
border-radius: 50%
|
|
|
|
|
background-color: $color-background-light
|
|
|
|
|
border: thin solid $activity-highlight-color
|
|
|
|
|
transition: all 250ms ease-in-out
|
|
|
|
|
|
|
|
|
|
/* Left Line */
|
|
|
|
|
&:before
|
|
|
|
|
content: ''
|
|
|
|
|
display: block
|
|
|
|
|
position: absolute
|
|
|
|
|
top: 10px
|
|
|
|
|
left: -1px
|
|
|
|
|
width: 1px
|
|
|
|
|
height: 100%
|
2016-10-20 12:54:03 +02:00
|
|
|
background-color: $activity-highlight-color
|
2016-10-20 15:33:20 +02:00
|
|
|
transition: all 250ms ease-in-out
|
|
|
|
|
|
|
|
|
|
&:last-child
|
|
|
|
|
&:before
|
|
|
|
|
background-color: transparent
|
2016-10-18 18:24:04 +02:00
|
|
|
|
|
|
|
|
span.actor
|
|
|
|
|
padding: 0 5px
|
|
|
|
|
color: $color-text-dark
|
|
|
|
|
|
2016-10-20 12:54:03 +02:00
|
|
|
/* Dashboard specific styles */
|
|
|
|
|
.dashboard
|
|
|
|
|
.d-stats
|
|
|
|
|
padding: 0 20px
|
|
|
|
|
.d-activity
|
|
|
|
|
padding: 5px 15px
|
|
|
|
|
margin: 0 20px
|
|
|
|
|
+container-box
|
|
|
|
|
|
|
|
|
|
a
|
|
|
|
|
color: $color-text-dark-primary
|
