From e6bc65d5e6d068602c1fce304cbd7d90667e2823 Mon Sep 17 00:00:00 2001 From: "Zhenfei.Li" Date: Tue, 28 Aug 2018 09:32:20 +0800 Subject: [PATCH] =?UTF-8?q?BI-30745=20=E5=B0=86css=20animation=E7=9B=B8?= =?UTF-8?q?=E5=85=B3=E7=9A=84less=20mixin=E7=A7=BB=E5=88=B0visual.less?= =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/less/animation.less | 41 --------------------------------------- src/less/visual.less | 43 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 41 deletions(-) delete mode 100644 src/less/animation.less diff --git a/src/less/animation.less b/src/less/animation.less deleted file mode 100644 index cea8874f9..000000000 --- a/src/less/animation.less +++ /dev/null @@ -1,41 +0,0 @@ -.keyframes(@name, @frames) { - @-webkit-keyframes @name { - @frames(); - } - @-moz-keyframes @name { - @frames(); - } - @-ms-keyframes @name { - @frames(); - } - @-o-keyframes @name { - @frames(); - } - @keyframes @name { - @frames(); - } -} - -.animation(@attr) { - -webkit-animation: @attr; - -moz-animation: @attr; - -ms-animation: @attr; - -o-animation: @attr; - animation: @attr; -} - -.animation-delay(@attr) { - -webkit-animation-delay: @attr; - -moz-animation-delay: @attr; - -ms-animation-delay: @attr; - -o-animation-delay: @attr; - animation-delay: @attr; -} - -.transform(@attr) { - -webkit-transform: @attr; - -moz-transform: @attr; - -o-transform: @attr; - -ms-transform: @attr; - transform: @attr; -} \ No newline at end of file diff --git a/src/less/visual.less b/src/less/visual.less index 54c0a4dd2..f7290cb70 100644 --- a/src/less/visual.less +++ b/src/less/visual.less @@ -254,4 +254,47 @@ content: ""; transform: rotate(-45deg); } +} + +// css3 animation +.keyframes(@name, @frames) { + @-webkit-keyframes @name { + @frames(); + } + @-moz-keyframes @name { + @frames(); + } + @-ms-keyframes @name { + @frames(); + } + @-o-keyframes @name { + @frames(); + } + @keyframes @name { + @frames(); + } +} + +.animation(@attr) { + -webkit-animation: @attr; + -moz-animation: @attr; + -ms-animation: @attr; + -o-animation: @attr; + animation: @attr; +} + +.animation-delay(@attr) { + -webkit-animation-delay: @attr; + -moz-animation-delay: @attr; + -ms-animation-delay: @attr; + -o-animation-delay: @attr; + animation-delay: @attr; +} + +.transform(@attr) { + -webkit-transform: @attr; + -moz-transform: @attr; + -o-transform: @attr; + -ms-transform: @attr; + transform: @attr; } \ No newline at end of file