I've been searching around. Found some similar questions on stackoverwflow and other resources, but most of them was regarding syntax mistakes.
Can somebody tell me what is wrong with this code and why SASS is not generating :hover in resulting css?
Here is my SASS code:
.img-ornament
-webkit-transition: all 0.5s ease
-moz-transition: all 0.5s ease
-ms-transition: all 0.5s ease
-o-transition: all 0.5s ease
transition: all 0.5s ease
&:hover
-webkit-transform:scale(0.75)
-moz-transform:scale(0.75)
-ms-transform:scale(0.75)
-o-transform:scale(0.75)
transform:scale(0.75)
Here is resulting css:
.img-ornament {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
Where is :hover portion?
here is sassmeister's gist https://gist.github.com/sayfulloev/396477b5a91f9511c8eb
{}
from your SCSS.