diff options
| author | Haijian Wang <haijian@vaadin.com> | 2013-01-08 16:29:18 +0200 |
|---|---|---|
| committer | Haijian Wang <haijian@vaadin.com> | 2013-01-09 13:27:49 +0200 |
| commit | 2cc7ad1cd43132fce201aa21d2a31fd56f093815 (patch) | |
| tree | d74a99dd51cd2d661b3fb2d78593adb251454025 /theme-compiler/tests | |
| parent | 97b03bae695663ee4924d82fa97af54f89a841ae (diff) | |
| download | vaadin-framework-2cc7ad1cd43132fce201aa21d2a31fd56f093815.tar.gz vaadin-framework-2cc7ad1cd43132fce201aa21d2a31fd56f093815.zip | |
Supports @keyframes, related to Ticket #10000
Change-Id: Ic65defdccb4d0aa8f54aa941acde21554f0bf989
Diffstat (limited to 'theme-compiler/tests')
| -rw-r--r-- | theme-compiler/tests/resources/automatic/css/keyframe.css | 38 | ||||
| -rw-r--r-- | theme-compiler/tests/resources/automatic/scss/keyframe.scss | 46 |
2 files changed, 84 insertions, 0 deletions
diff --git a/theme-compiler/tests/resources/automatic/css/keyframe.css b/theme-compiler/tests/resources/automatic/css/keyframe.css new file mode 100644 index 0000000000..70dab44177 --- /dev/null +++ b/theme-compiler/tests/resources/automatic/css/keyframe.css @@ -0,0 +1,38 @@ +@-webkit-keyframes bgcolor { + 0% { + background-color: #ffccf2; + } + 100% { + background-color: #ccffff; + } +} +@-moz-keyframes bgcolor { + from { + background-color: #ffccf2; + } + to { + background-color: #ccffff; + } +} +@-ms-keyframes bgcolor { + from { + background-color: #ffccf2; + } + 100% { + background-color: #ccffff; + } +} +@keyframes bgcolor { + 0% { + background-color: #ffccf2; + } + to { + background-color: #ccffff; + } +} + +@keyframes mymove { + from { top: 0px; } + to { top: 200px; } + 50% { top: 100px; } +}
\ No newline at end of file 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 |