YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleaned (and untested) image loading.

Browse Source
This commit is contained in:
Dominic Masters
2018-10-24 17:58:05 +11:00
parent 704ce6e4c1
commit cc78bf1200
3 changed files with 129 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/styles/objects/_loadable-image.scss
View File

@ -1,44 +0,0 @@
/*
* Loadable Image
* Image that gets loaded in the background
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/07/11
*/
@include t-keyframes(o-loadable-image--load-flash) {
from {
background: transparent;
}
50% {
background: #DDD;
}
to {
background: transparent;
}
}
.o-loadable-image {
&__image-container {
opacity: 1;
transition: all 1s $s-animation--ease-out;
transition-delay: 0.5s;
}
&.is-loading {
position: relative;
@include t-animation-name(o-loadable-image--load-flash);
@include t-animation-timing-function(linear);
@include t-animation-duration(2s);
@include t-animation-iteration-count(infinite);
.o-loadable-image__image-container {
opacity: 0;
}
}
}