Project-Timeline: Introduced timeline on projects
Limited to projects of category assets and film for now.
This commit is contained in:
@@ -306,6 +306,12 @@
|
||||
100%
|
||||
transform: scale(1.0)
|
||||
|
||||
@keyframes fade-in
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@keyframes grow-bounce-out
|
||||
0
|
||||
transform: scale(1.0)
|
||||
|
6
src/styles/components/_placeholder.sass
Normal file
6
src/styles/components/_placeholder.sass
Normal file
@@ -0,0 +1,6 @@
|
||||
.placeholder
|
||||
+pulse-75
|
||||
|
||||
&.replaced // added before replaced
|
||||
opacity: 0
|
||||
transition: 250ms
|
@@ -15,10 +15,17 @@
|
||||
margin-right: -15px
|
||||
margin-left: -15px
|
||||
padding-right: 15px
|
||||
.sticky-top
|
||||
top: 2.5rem
|
||||
|
||||
.group
|
||||
opacity: 0
|
||||
animation: fade-in 500ms forwards
|
||||
|
||||
body.homepage
|
||||
.timeline
|
||||
.sticky-top
|
||||
top: 2.5rem
|
||||
|
||||
body.is-mobile
|
||||
.timeline
|
||||
.js-asset-list
|
||||
@extend .card-deck-vertical
|
||||
@extend .card-deck-vertical
|
||||
|
Reference in New Issue
Block a user