Files
attract/src/styles/_dashboard.sass

94 lines
1.6 KiB
Sass
Raw Normal View History

.d-welcome
height: 300px
display: flex
flex-direction: column
align-items: center
justify-content: center
.welcome-logo
font-size: 5em
color: $color-primary
background-color: white
text-align: center
border-radius: 50%
margin: 15px auto
box-shadow: 0 0 65px rgba(black, .1)
i
display: block
margin: 15px
.welcome-title
font-size: 1.8em
font-weight: lighter
.welcome-text
padding: 10px
color: $color-text-dark-primary
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
padding: 5px
2016-10-05 11:11:55 +02:00
color: $color-text-dark-primary
list-style: none
li
padding: 0 10px 7px 10px
position: relative
2016-10-20 12:54:03 +02:00
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%
2016-10-20 12:54:03 +02:00
background-color: $activity-highlight-color
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