diff options
Diffstat (limited to 'theme-compiler/tests/resources/automatic/scss/keyframe.scss')
| -rw-r--r-- | theme-compiler/tests/resources/automatic/scss/keyframe.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/theme-compiler/tests/resources/automatic/scss/keyframe.scss b/theme-compiler/tests/resources/automatic/scss/keyframe.scss new file mode 100644 index 0000000000..9c30493e41 --- /dev/null +++ b/theme-compiler/tests/resources/automatic/scss/keyframe.scss @@ -0,0 +1,46 @@ +// keyframes mixin +@mixin keyframes($name) { + @-webkit-keyframes #{$name} { + 0% { + background-color: #ffccf2; + } + 100% { + background-color: #ccffff; + } + } + @-moz-keyframes #{$name} { + from { + background-color: #ffccf2; + } + to { + background-color: #ccffff; + } + } + @-ms-keyframes #{$name} { + from { + background-color: #ffccf2; + } + 100% { + background-color: #ccffff; + } + } + @keyframes #{$name} { + 0% { + background-color: #ffccf2; + } + to { + background-color: #ccffff; + } + } +} + +// use of keyframes mixin +@include keyframes(bgcolor); + +// use of keyframes outside mixin. pure css +@keyframes mymove +{ + from {top:0px;} + to {top:200px;} + 50% {top: 100px;} +}
\ No newline at end of file |