archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Compile Attract styles using config, utils and base styling from Pillar

Browse Source 
De-duplicated code, yay!
This commit is contained in:
Pablo Vazquez
2017-05-10 15:42:08 +02:00
parent fc08ab2bca
commit 025b44bfac
7 changed files with 10 additions and 773 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/styles/_app_base.sass
View File

@@ -279,67 +279,6 @@ nav.sidebar
@include status-color-property(background-color, '', 'dark')
/* General style for activities in all places */
.d-activity
font-size: .9em
$activity-highlight-color: #00cc9f
ul
cursor: default
padding: 5px
color: $color-text-dark-primary
list-style: none
li
padding: 0 10px 7px 10px
position: relative
span.date
color: darken($activity-highlight-color, 5%)
/* 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%
background-color: $activity-highlight-color
transition: all 250ms ease-in-out
&:last-child
&:before
background-color: transparent
span.actor
padding: 0 5px
color: $color-text-dark
img.actor-avatar
width: 16px
height: 16px
border-radius: 50%
margin-right: 5px
position: relative
top: -2px
.attract-box
.item-id
padding: 8px