diff --git a/plugins/c9.ide.installer/style.css b/plugins/c9.ide.installer/style.css index ab81730d..66eef100 100644 --- a/plugins/c9.ide.installer/style.css +++ b/plugins/c9.ide.installer/style.css @@ -62,7 +62,7 @@ .execute .install-spinner{ .image-2x(@pane-button-save-image, @pane-button-save-image-width, @pane-button-save-image-height, no-repeat); - .animation(@pane-button-save-animation); + animation: @pane-button-save-animation; } .execute .log{ diff --git a/plugins/c9.ide.layout.classic/keyframes.css b/plugins/c9.ide.layout.classic/keyframes.css index 35c045d0..0188319b 100644 --- a/plugins/c9.ide.layout.classic/keyframes.css +++ b/plugins/c9.ide.layout.classic/keyframes.css @@ -7,40 +7,26 @@ */ -@-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}} - @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); }} +@keyframes rotation { 0% { transform: rotate(0deg); } 100% {transform: rotate(359deg); }} -@-webkit-keyframes running-spinner { 0%, 4.55% { background-position: -0px 0px; } 4.56%, 9.09% { background-position: -16px 0px; } 9.1%, 13.64% { background-position: -32px 0px; } 13.65%, 18.18% { background-position: -48px 0px; } 18.19%, 22.73% { background-position: -64px 0px; } 22.740000000000002%, 27.27% { background-position: -80px 0px; } 27.28%, 31.82% { background-position: -96px 0px; } 31.830000000000002%, 36.36% { background-position: -112px 0px; } 36.37%, 40.91% { background-position: -128px 0px; } 40.919999999999995%, 45.45% { background-position: -144px 0px; } 45.46%, 50% { background-position: -160px 0px; } 50.01%, 54.55% { background-position: -176px 0px; } 54.559999999999995%, 59.09% { background-position: -192px 0px; } 59.1%, 63.64% { background-position: -208px 0px; } 63.65%, 68.18% { background-position: -224px 0px; } 68.19000000000001%, 72.73% { background-position: -240px 0px; } 72.74000000000001%, 77.27% { background-position: -256px 0px; } 77.28%, 81.82% { background-position: -272px 0px; } 81.83%, 86.36% { background-position: -288px 0px; } 86.37%, 90.91% { background-position: -304px 0px; } 90.92%, 95.45% { background-position: -320px 0px; } 95.46000000000001%, 100% { background-position: -336px 0px; } } - @-moz-keyframes running-spinner { 0%, 4.55% { background-position: -0px 0px; } 4.56%, 9.09% { background-position: -16px 0px; } 9.1%, 13.64% { background-position: -32px 0px; } 13.65%, 18.18% { background-position: -48px 0px; } 18.19%, 22.73% { background-position: -64px 0px; } 22.740000000000002%, 27.27% { background-position: -80px 0px; } 27.28%, 31.82% { background-position: -96px 0px; } 31.830000000000002%, 36.36% { background-position: -112px 0px; } 36.37%, 40.91% { background-position: -128px 0px; } 40.919999999999995%, 45.45% { background-position: -144px 0px; } 45.46%, 50% { background-position: -160px 0px; } 50.01%, 54.55% { background-position: -176px 0px; } 54.559999999999995%, 59.09% { background-position: -192px 0px; } 59.1%, 63.64% { background-position: -208px 0px; } 63.65%, 68.18% { background-position: -224px 0px; } 68.19000000000001%, 72.73% { background-position: -240px 0px; } 72.74000000000001%, 77.27% { background-position: -256px 0px; } 77.28%, 81.82% { background-position: -272px 0px; } 81.83%, 86.36% { background-position: -288px 0px; } 86.37%, 90.91% { background-position: -304px 0px; } 90.92%, 95.45% { background-position: -320px 0px; } 95.46000000000001%, 100% { background-position: -336px 0px; } } - @-keyframes running-spinner { 0%, 4.55% { background-position: -0px 0px; } 4.56%, 9.09% { background-position: -16px 0px; } 9.1%, 13.64% { background-position: -32px 0px; } 13.65%, 18.18% { background-position: -48px 0px; } 18.19%, 22.73% { background-position: -64px 0px; } 22.740000000000002%, 27.27% { background-position: -80px 0px; } 27.28%, 31.82% { background-position: -96px 0px; } 31.830000000000002%, 36.36% { background-position: -112px 0px; } 36.37%, 40.91% { background-position: -128px 0px; } 40.919999999999995%, 45.45% { background-position: -144px 0px; } 45.46%, 50% { background-position: -160px 0px; } 50.01%, 54.55% { background-position: -176px 0px; } 54.559999999999995%, 59.09% { background-position: -192px 0px; } 59.1%, 63.64% { background-position: -208px 0px; } 63.65%, 68.18% { background-position: -224px 0px; } 68.19000000000001%, 72.73% { background-position: -240px 0px; } 72.74000000000001%, 77.27% { background-position: -256px 0px; } 77.28%, 81.82% { background-position: -272px 0px; } 81.83%, 86.36% { background-position: -288px 0px; } 86.37%, 90.91% { background-position: -304px 0px; } 90.92%, 95.45% { background-position: -320px 0px; } 95.46000000000001%, 100% { background-position: -336px 0px; } } - -@-webkit-keyframes loading-spinner { from { background-position: 0 0; } to { background-position: -165px 0px; } } - @-moz-keyframes loading-spinner { from { background-position: 0 0; } to { background-position: -165px 0px; } } - @keyframes loading-spinner { from { background-position: 0 0; } to { background-position: -165px 0px; } } +@keyframes running-spinner { 0%, 4.55% { background-position: -0px 0px; } 4.56%, 9.09% { background-position: -16px 0px; } 9.1%, 13.64% { background-position: -32px 0px; } 13.65%, 18.18% { background-position: -48px 0px; } 18.19%, 22.73% { background-position: -64px 0px; } 22.740000000000002%, 27.27% { background-position: -80px 0px; } 27.28%, 31.82% { background-position: -96px 0px; } 31.830000000000002%, 36.36% { background-position: -112px 0px; } 36.37%, 40.91% { background-position: -128px 0px; } 40.919999999999995%, 45.45% { background-position: -144px 0px; } 45.46%, 50% { background-position: -160px 0px; } 50.01%, 54.55% { background-position: -176px 0px; } 54.559999999999995%, 59.09% { background-position: -192px 0px; } 59.1%, 63.64% { background-position: -208px 0px; } 63.65%, 68.18% { background-position: -224px 0px; } 68.19000000000001%, 72.73% { background-position: -240px 0px; } 72.74000000000001%, 77.27% { background-position: -256px 0px; } 77.28%, 81.82% { background-position: -272px 0px; } 81.83%, 86.36% { background-position: -288px 0px; } 86.37%, 90.91% { background-position: -304px 0px; } 90.92%, 95.45% { background-position: -320px 0px; } 95.46000000000001%, 100% { background-position: -336px 0px; } } -@-webkit-keyframes saving { 0%, 10%, 100% { opacity: 1; } 50%, 60% { opacity: .3; } } - @-moz-keyframes saving { 0%, 10%, 100% { opacity: 1; } 50%, 60% { opacity: .3; } } - @-keyframes saving { 0%, 10%, 100% { opacity: 1; } 50%, 60% { opacity: .3; } } +@keyframes loading-spinner { from { background-position: 0 0; } to { background-position: -165px 0px; } } -@-webkit-keyframes loading-24-spinner { from { background-position: 0 0; } to { background-position: -336px 0px; } } - @-moz-keyframes loading-24-spinner { from { background-position: 0 0; } to { background-position: -336px 0px; } } - @keyframes loading-24-spinner { from { background-position: 0 0; } to { background-position: -336px 0px; } } +@keyframes saving { 0%, 10%, 100% { opacity: 1; } 50%, 60% { opacity: .3; } } + +@keyframes loading-24-spinner { from { background-position: 0 0; } to { background-position: -336px 0px; } } .loading-spinner { background: url("@{image-path}/tab-save-spinner-active.png") no-repeat; - -webkit-animation: loading-spinner 1.2s steps(11) infinite; - animation: loading-spinner 1.2s steps(11) infinite; + animation: loading-spinner 1.2s steps(11) infinite; } -@-webkit-keyframes ball { 0%, 19.99%, 100% { background-position: 0 0 } 20%, 39.99% { background-position: -30px 0 } 40%, 59.99% { background-position: -60px 0 } 60%,79.99% { background-position: -90px 0 } 80%, 99.99% { background-position: -120px 0 } } -@-moz-keyframes ball { 0%, 19.99%, 100% { background-position: 0 0 } 20%, 39.99% { background-position: -30px 0 } 40%, 59.99% { background-position: -60px 0 } 60%,79.99% { background-position: -90px 0 } 80%, 99.99% { background-position: -120px 0 } } @keyframes ball { 0%, 19.99%, 100% { background-position: 0 0 } 20%, 39.99% { background-position: -30px 0 } 40%, 59.99% { background-position: -60px 0 } 60%,79.99% { background-position: -90px 0 } 80%, 99.99% { background-position: -120px 0 } } div.loading-ind { background: url("@{image-path}/loading-ind.png") no-repeat; height: 27px; width: 28px; - -webkit-animation: ball .7s linear 0s infinite normal; - -moz-animation: ball .7s linear 0s infinite normal; animation: ball .7s linear 0s infinite normal; position: absolute; left: 42%; diff --git a/plugins/c9.ide.layout.classic/less/c9-toolbarbutton-glossy.less b/plugins/c9.ide.layout.classic/less/c9-toolbarbutton-glossy.less index afd20575..d71b7c85 100644 --- a/plugins/c9.ide.layout.classic/less/c9-toolbarbutton-glossy.less +++ b/plugins/c9.ide.layout.classic/less/c9-toolbarbutton-glossy.less @@ -88,9 +88,7 @@ .c9-toolbarbutton-glossy.saving .c9-icon { background-color: #85C410; right: 10px; - -webkit-animation: saving .4s linear 0 infinite; - -moz-animation: saving .4s linear 0 infinite; - animation: saving .4s linear 0 infinite; + animation: saving .4s linear 0 infinite; } .c9-toolbarbutton-glossy.saved .c9-icon { background-color: #85C410; diff --git a/plugins/c9.ide.layout.classic/less/editor_tab.less b/plugins/c9.ide.layout.classic/less/editor_tab.less index db95bf7b..9e146a18 100644 --- a/plugins/c9.ide.layout.classic/less/editor_tab.less +++ b/plugins/c9.ide.layout.classic/less/editor_tab.less @@ -318,7 +318,7 @@ body>.session_btn.curbtn{ top : @pane-button-states-top; margin-top : 0px; - .animation(none); + animation: none; } .has_apf .session_btn.changed strong { background-position : 0 0; } .has_apf .session_btn.error strong { background-position : (-1 * @pane-button-states-image-size) 0; } @@ -330,7 +330,7 @@ body>.session_btn.curbtn{ .has_apf .session_btn.running strong{ .image-2x(@pane-button-running-image, @pane-button-running-image-width, @pane-button-running-image-height, no-repeat); - .animation(@pane-button-running-animation); + animation: @pane-button-running-animation; height : @pane-button-running-width; width : @pane-button-running-height; @@ -342,7 +342,7 @@ body>.session_btn.curbtn{ .has_apf .session_btn.loading strong, .has_apf .session_btn.connecting strong{ .image-2x(@pane-button-save-image, @pane-button-save-image-width, @pane-button-save-image-height, no-repeat); - .animation(@pane-button-save-animation); + animation: @pane-button-save-animation; height : @pane-button-save-width; width : @pane-button-save-height; @@ -369,7 +369,7 @@ body>.session_btn.curbtn{ z-index : 10; margin-top : @pane-button-close-hack; - .animation(none) + animation: none; } .has_apf .session_btn strong:hover { background-position : -14px @pane-button-close-background; } diff --git a/plugins/c9.ide.layout.classic/less/lesshat.less b/plugins/c9.ide.layout.classic/less/lesshat.less index dba71862..612b2875 100755 --- a/plugins/c9.ide.layout.classic/less/lesshat.less +++ b/plugins/c9.ide.layout.classic/less/lesshat.less @@ -7,71 +7,6 @@ // @GlobalConfig -// .animation - // .animation-delay - // .animation-direction - // .animation-duration - // .animation-fill-mode - // .animation-timing-function - // .animation-iteration-count - // .animation-name - // .animation-play-state - // .keyframes - in future -// .appearance -// .backface-visibility -// .background-clip -// .background-image -// .background-origin -// .background-size -// .border-radius - // .border-top-left-radius - // .border-top-right-radius - // .border-bottom-left-radius - // .border-bottom-right-radius -// .border-image -// .box-shadow -// .box-sizing -// .columns - // .column-count - // .column-gap - // .column-rule - // .column-width -// .font-face -// .gradient -// .opacity -// .perspective - // .perspective-origin -// .size -// .transform - // .transform-origin - // .transform-style - // .translate - // .translate3d - // .translateX - // .translateY - // .translateZ - // .scale - // .scale3d - // .scaleX - // .scaleY - // .scaleZ - // .rotate - // .rotate3d - // .rotateX - // .rotateY - // .rotateZ - // .skew - // .skewX - // .skewY -// .transition - // .transition-property - // .transition-duration - // .transition-timing-function - // .transition-delay -// .user-select -// DEPRECATED mixins - - // @GlobalConfig // Config supported browsers for your project @@ -92,354 +27,6 @@ // .animation - .animation(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}".replace("[","").replace("]","") || "none"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation(nameAnimation 2s linear alternate anim 3s linear alternate ); } - - - // .animation-delay - - .animation-delay(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-delay: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-delay: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-delay: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-delay: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-delay: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-delay(1s); } - // element{ .animation-delay(750ms, 2s, 3s); } // For multiple animation-direction - - - // .animation-direction - - .animation-direction(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "normal"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-direction: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-direction: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-direction: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-direction: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-direction: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-direction(); } - // element{ .animation-direction(normal, alternate); } - - - // .animation-duration - - .animation-duration(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-duration: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-duration: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-duration: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-duration: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-duration: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-duration(2s); } - - - // .animation-fill-mode - - .animation-fill-mode(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "none"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-fill-mode: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-fill-mode: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-fill-mode: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-fill-mode: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-fill-mode(forwards); } - - - // .animation-timing-function - - .animation-timing-function(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "ease"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-timing-function: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-timing-function: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-timing-function: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-timing-function: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-timing-function: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-timing-function(ease-in-out); } - - - // .animation-iteration-count - - .animation-iteration-count(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-iteration-count: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-iteration-count: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-iteration-count: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-iteration-count: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-iteration-count: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-iteration-count(3); } - - - // .animation-name - - .animation-name(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "none"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-name: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-name: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-name: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-name: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-name: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-name(myReallyCoolAnimationName); } - - - // .animation-play-state - - .animation-play-state(...){ - - // Local config for disabling properties - - @w3cLocal: true; // Unprefixed W3C syntax - @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android - @mozLocal: true; // Firefox 4+ - @operaLocal: true; // Opera 10.5+ - @msLocal: true; // IE 10+ - - @processing: ~`(function(){ var arg = "@{arguments}" || "running"; arg = arg.replace("[","").replace("]",""); return arg; }())`; - - .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { - .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-play-state: @processing;} - .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-play-state: @processing;} - .inception (@signal, @arguments) when (@signal = 3) { -o-animation-play-state: @processing;} - .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-play-state: @processing;} - .inception (@signal, @arguments) when (@signal = 5) { animation-play-state: @processing;} - .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; } - .inception(@signal, @arguments); - } - .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { } - - .result(@arguments, @webkitSignal, @webkit, @webkitLocal); - // -- this comment must be here because of LESS bug - .result(@arguments, @mozSignal, @moz, @mozLocal); - // -- - .result(@arguments, @operaSignal, @opera, @operaLocal); - // -- - .result(@arguments, @msSignal, @ms, @msLocal); - // -- - .result(@arguments, @w3cSignal, @w3c, @w3cLocal); - } - - // element{ .animation-play-state(paused); } - - // .appearance .appearance(@argument:none){ diff --git a/plugins/c9.ide.layout.classic/loading-flat.css b/plugins/c9.ide.layout.classic/loading-flat.css index 9b2655a8..25c7e30e 100644 --- a/plugins/c9.ide.layout.classic/loading-flat.css +++ b/plugins/c9.ide.layout.classic/loading-flat.css @@ -190,5 +190,4 @@ overflow: hidden; } -@-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}} - @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); }} \ No newline at end of file +@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); }} \ No newline at end of file diff --git a/plugins/c9.ide.layout.classic/themes/flat-dark.less b/plugins/c9.ide.layout.classic/themes/flat-dark.less index 6e05802b..1263b4c0 100644 --- a/plugins/c9.ide.layout.classic/themes/flat-dark.less +++ b/plugins/c9.ide.layout.classic/themes/flat-dark.less @@ -103,7 +103,7 @@ .loading-spinner { .image-2x("/static/@{pane-button-save-image}", @pane-button-save-image-width, @pane-button-save-image-height); - .animation(~"loading-24-spinner 1.2s steps(24) infinite")!important; + animation: loading-24-spinner 1.2s steps(24) infinite !important; } .ace_tree .tree-row .checkbox{ diff --git a/plugins/c9.ide.layout.classic/themes/flat-light.less b/plugins/c9.ide.layout.classic/themes/flat-light.less index cdc401a8..703c9c73 100644 --- a/plugins/c9.ide.layout.classic/themes/flat-light.less +++ b/plugins/c9.ide.layout.classic/themes/flat-light.less @@ -390,7 +390,7 @@ .loading-spinner { .image-2x("/static/@{pane-button-save-image}", @pane-button-save-image-width, @pane-button-save-image-height); - .animation(~"loading-24-spinner 1.2s steps(24) infinite")!important; + animation: loading-24-spinner 1.2s steps(24) infinite !important; } .searchresults .item{ diff --git a/plugins/c9.ide.openfiles/openfiles.css b/plugins/c9.ide.openfiles/openfiles.css index d778e3c9..042e4fa4 100644 --- a/plugins/c9.ide.openfiles/openfiles.css +++ b/plugins/c9.ide.openfiles/openfiles.css @@ -1,15 +1,3 @@ -.image-2x(@image; @width; @height; @repeat: no-repeat) { - @filename : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`; - @extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`; - background-image: ~`"url(@{filename}.@{extension})"`; - background-repeat: @repeat; - - @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) { - background-image: ~`"url(@{filename}@2x.@{extension})"`; - background-size: @width @height; - } -} - .openfiles .ace_tree .tree-row{ height: @openfiles-row-height; } @@ -25,8 +13,6 @@ pointer-events: auto; cursor: pointer; z-index: 10; - -webkit-animation: none; - -moz-animation: none; animation: none; display: inline-block; vertical-align: middle; @@ -47,9 +33,7 @@ height: @pane-button-states-image-size; margin: @openfiles-icon-margin; - -webkit-animation: none; - -moz-animation: none; - animation: none; + animation: none; } .openfiles .ace_tree .tree-row strong.changed { background-position : 0 0; }