2016-02-05 20:23:09 +01:00
|
|
|
.edit-card-date
|
|
|
|
|
.fields
|
|
|
|
|
.left
|
|
|
|
|
width: 56%
|
|
|
|
|
.right
|
|
|
|
|
width: 38%
|
|
|
|
|
.datepicker
|
|
|
|
|
width: 100%
|
|
|
|
|
table
|
|
|
|
|
width: 100%
|
|
|
|
|
border: none
|
|
|
|
|
border-spacing: 0
|
|
|
|
|
border-collapse: collapse
|
|
|
|
|
thead
|
|
|
|
|
background: none
|
|
|
|
|
td, th
|
|
|
|
|
box-sizing: border-box
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.card-date
|
|
|
|
|
display: block
|
|
|
|
|
border-radius: 4px
|
|
|
|
|
padding: 1px 3px;
|
|
|
|
|
|
|
|
|
|
background-color: #dbdbdb
|
|
|
|
|
&:hover, &.is-active
|
|
|
|
|
background-color: #b3b3b3
|
|
|
|
|
|
2016-02-05 22:35:56 +01:00
|
|
|
&.current, &.almost-due, &.due, &.long-overdue
|
|
|
|
|
color: #fff
|
|
|
|
|
|
2016-02-05 20:23:09 +01:00
|
|
|
&.current
|
|
|
|
|
background-color: #42ca00
|
|
|
|
|
&:hover, &.is-active
|
|
|
|
|
background-color: darken(#42ca00, 15)
|
|
|
|
|
|
|
|
|
|
&.almost-due
|
2016-02-05 22:35:56 +01:00
|
|
|
background-color: #edc909
|
2016-02-05 20:23:09 +01:00
|
|
|
&:hover, &.is-active
|
2016-02-05 22:35:56 +01:00
|
|
|
background-color: darken(#edc909, 10)
|
2016-02-05 20:23:09 +01:00
|
|
|
|
|
|
|
|
&.due
|
|
|
|
|
background-color: #fa3f00
|
|
|
|
|
&:hover, &.is-active
|
|
|
|
|
background-color: darken(#fa3f00, 15)
|
2016-02-05 22:35:56 +01:00
|
|
|
|
|
|
|
|
&.long-overdue
|
|
|
|
|
background-color: #fd5d47
|
|
|
|
|
&:hover, &.is-active
|
|
|
|
|
background-color: darken(#fd5d47, 7)
|
2016-02-05 20:23:09 +01:00
|
|
|
|
|
|
|
|
time
|
|
|
|
|
&::before
|
|
|
|
|
font: normal normal normal 14px/1 FontAwesome
|
|
|
|
|
font-size: inherit
|
|
|
|
|
-webkit-font-smoothing: antialiased
|
|
|
|
|
content: "\f017" // clock symbol
|
|
|
|
|
margin-right: 0.3em
|
