kopia lustrzana https://github.com/c9/core
remove prefixes for animation
nightwing
rodzic
0c726e9fba
commit
9dc568c6f6
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
|
|||
|
|
@ -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){
|
||||
|
|
|
|||
|
|
@ -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); }}
|
||||
@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); }}
|
||||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue