Baguette/todo-webclient
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Some CSS transitions.

Browse Source
This commit is contained in:
Luka Vandervelden 2019-12-24 22:40:37 +01:00
parent 1a2f0e452a
commit 23bc904a20
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/style.sass
View File

@ -32,20 +32,31 @@
.project .columns .column .project .columns .column
padding: 0.25rem padding: 0.25rem
.visible-on-hover
transition-property: opacity visibility;
transition-duration: 0.33s;
.project .column .visible-on-hover .project .column .visible-on-hover
opacity: 0
visibility: hidden visibility: hidden
.project .column .title:hover > .visible-on-hover .project .column .title:hover > .visible-on-hover
opacity: 1
visibility: visible visibility: visible
.project .column:hover > .visible-on-hover .project .column:hover > .visible-on-hover
opacity: 1
visibility: visible visibility: visible
.project .column .card .visible-on-hover .project .column .card .visible-on-hover
opacity: 0
visibility: hidden visibility: hidden
.project .column .card:hover .visible-on-hover .project .column .card:hover .visible-on-hover
opacity: 1
visibility: visible visibility: visible
.cards-list .card .cards-list .card
border-top: 4px solid $grey-lighter border-top: 4px solid $grey-lighter
transition-property: border-color;
transition-duration: 0.33s;
.cards-list .card .card-content .cards-list .card .card-content
padding: 0.75rem padding: 0.75rem
.cards-list .card .card-footer .cards-list .card .card-footer