Last active
December 19, 2015 10:39
-
-
Save azamara/5942370 to your computer and use it in GitHub Desktop.
Bower, Grunt, HTML5 cache, coffee, compass,
Less, server, watch, livereload, rjs, min,
imgopt
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "directory": "app/bower_components", | |
| "json": "bower.json" | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .sass-cache | |
| .idea | |
| .iml | |
| node_modules | |
| app/bower_components |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <!--[if lt IE 7]> | |
| <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
| <!--[if IE 7]> | |
| <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
| <!--[if IE 8]> | |
| <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> | |
| <html class="no-js" manifest="manifest.appcache"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JNW</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> | |
| <link rel="stylesheet" href="styles/main.css"> | |
| <!-- build:js scripts/vendor/modernizr.js --> | |
| <script src="bower_components/modernizr/modernizr.js"></script> | |
| <!-- endbuild --> | |
| </head> | |
| <body> | |
| <div id="page" class="container"></div> | |
| <!--[if lt IE 7]> | |
| <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade | |
| your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to | |
| improve your experience.</p> | |
| <![endif]--> | |
| <!-- build:js scripts/main.js --> | |
| <script data-main="scripts/main" src="bower_components/requirejs/require.js"></script> | |
| <!-- endbuild --> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess | |
| // Bold | |
| @font-face { | |
| font-family: NanumGothic; | |
| font-style: normal; | |
| font-weight: bold; | |
| src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); | |
| src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype'); | |
| } | |
| // Regular | |
| @font-face { | |
| font-family: NanumGothic; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); | |
| src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype'); | |
| } | |
| body { | |
| font-family: NanumGothic, Dotum, Arial, sans-serif; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // LESS Hat 1.1.1 | |
| // LESSHat.com | |
| // From creators of CSSHat.com | |
| // 2012 | |
| // Petr Brzek & Jan Kuca | |
| // @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 | |
| @w3c: true; | |
| // Unprefixed W3C syntax | |
| @webkit: true; | |
| // Chrome 7+, Safari 5+, iOS5, Android | |
| @moz: true; | |
| // Firefox 4+ | |
| @opera: true; | |
| // Opera 10.5+ | |
| @ms: true; | |
| // IE 10+ | |
| // Signals | |
| @webkitSignal: 1; | |
| @mozSignal: 2; | |
| @operaSignal: 3; | |
| @msSignal: 4; | |
| @w3cSignal: 5; | |
| // .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) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @argument) when (@signal = 1) { | |
| -webkit-appearance: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal = 2) { | |
| -moz-appearance: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal = 5) { | |
| appearance: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal > 5), (@signal < 1) { | |
| error: "Signal is out of range"; | |
| } | |
| .inception(@signal, @argument); | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .appearance(button); } | |
| // .backface-visibility | |
| .backface-visibility(@argument:visible) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @argument) when (@signal = 1) { | |
| -webkit-backface-visibility: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal = 2) { | |
| -moz-backface-visibility: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal = 5) { | |
| backface-visibility: @argument; | |
| } | |
| .inception (@signal, @argument) when (@signal > 5), (@signal < 1) { | |
| error: "Signal is out of range"; | |
| } | |
| .inception(@signal, @argument); | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .backface-visibility(hidden); } | |
| // .background-clip | |
| .background-clip(@arguments:border-box) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-background-clip: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-background-clip: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| background-clip: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .background-clip(padding-box); } | |
| // .background-image | |
| .background-image(...) { | |
| // Local config for disabling properties | |
| @svg: true; // SVG gradient for IE9 | |
| @mozLocal: true; // Firefox 4+ | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5+, Android | |
| @operaLocal: true; // Opera 10.5+ | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @backgroundSVG: ~ `(function(){function K(a){var b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",c,d,e,f,g,h,i,j,k=0,l=0,m="",n=[];if(!a)return a;do c=a.charCodeAt(k++),d=a.charCodeAt(k++),e=a.charCodeAt(k++),j=c<<16|d<<8|e,f=j>>18&63,g=j>>12&63,h=j>>6&63,i=j&63,n[l++]=b.charAt(f)+b.charAt(g)+b.charAt(h)+b.charAt(i);while(k<a.length);m=n.join("");var o=a.length%3;return(o?m.slice(0,o-3):m)+"===".slice(o||3)}String.prototype.trim===undefined&&(String.prototype.trim=function(){return this.replace(/^\s+/,"").replace(/\s+$/,"")});var a="@{arguments}",b=null,c=!0,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,f=/top/,g=/right/,h=/bottom/,i=/left/,j=/to\s*top/,k=/to\s*right/,l=/to\s*bottom/,m=/to\s*left/,n=/45deg/,o=/-45deg/,p=/\d*deg/;for(var q=0;q<e;q++){if(/linear/.test(d[q])){d[q]=d[q].replace(/linear-gradient\s*\(/,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">');if(f.test(d[q])&&!j.test(d[q])||l.test(d[q])||/180deg/.test(d[q])){var r=null;l.test(d[q])?r=l:/180deg/.test(d[q])?r=/180deg/:r=f,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">')}else if(g.test(d[q])&&!k.test(d[q])||m.test(d[q])||/270deg/.test(d[q])){var r=null;m.test(d[q])?r=m:/270deg/.test(d[q])?r=/270deg/:r=g,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="100%" y1="0%" x2="0%" y2="0%">')}else if(h.test(d[q])&&!l.test(d[q])||j.test(d[q])||/[^\d]0deg/.test(d[q])){var r=null;j.test(d[q])?r=j:/0deg/.test(d[q])?r=/0deg/:r=h,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="0%" y2="0%">')}else if(i.test(d[q])&&!m.test(d[q])||k.test(d[q])||/90deg/.test(d[q])){var r=null;k.test(d[q])?r=k:/90deg/.test(d[q])?r=/90deg/:r=i,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">')}else n.test(d[q])&&!o.test(d[q])?d[q]=d[q].replace(n,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="100%" y2="0%">'):o.test(d[q])?d[q]=d[q].replace(o,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">'):c=!1}try{"".trim(),b=!0}catch(s){b=!1}b&&(d[q]=d[q].trim());if(/linear/.test(d[q])||/radial/.test(d[q])){d[q]=d[q].slice(0,-1),d[q]="url(data:image/svg+xml;base64--"+d[q]+'</linearGradient><rect x="0" y="0" width="1" height="1" fill="url(***)" /></svg>)';var t=d.join("@@@"),u=t.match(/rgba?\(\d+,\s*\d+,\s*\d+,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,v=t.match(/hsla?\(\d+,\s*\d+%,\s*\d+%,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,w=[],x=[];for(var y=0;y<u.length;y++)w[y]=u[y].replace(/,/g,"--");for(var z=0;z<v.length;z++)x[z]=v[z].replace(/,/g,"--");for(var A=0;A<u.length;A++)t=t.replace(u[A],w[A]);for(var B=0;B<v.length;B++)t=t.replace(v[B],x[B]);var C=t.split(","),D=0;for(var E=0;E<C.length;E++){C[E]=C[E].replace(/(#\w{3,6})\s*(\d*.?\d*%)?/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/(rgba?\(\d+--\s*\d+--\s*\d+--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*.?\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/rgba/g,"rgb").replace(/(hsla?\(\d+--\s*\d+%--\s*\d+%--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*.?\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/hsla/g,"hsl").replace(/((?:aqua|black|blue|fuchsia|gray|grey|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow))\s*(\d*%)*/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/\*\*\*/,"#grad-ucgg-generated");try{"".trim(),b=!0}catch(s){b=!1}b&&(C[E]=C[E].trim());if(/offset=""/g.test(C[E])){var F=C.length-2,G=Math.round(100/F)*D;console.log(G);var H='offset="'+G+'%"';C[E]=C[E].replace(/offset=""/,H),D++}}C=C.toString().replace(/,/g,"").replace(/--/g,",").replace(/(rgb?\(\d+,\s*\d+,\s*\d+),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)").replace(/(hsl?\(\d+,\s*\d+%,\s*\d+%),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)")}}/radial/.test(C)&&(/((ellipse).*(center)|(circle).*(center))/g.test(C)?C=C.replace(/<\/linearGradient>/g,"</radialGradient>").replace(/radial-gradient[^<]+/g,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><radialGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" cx="50%" cy="50%" r="75%">').replace(/<rect x=\S+\d\S+ y=\S+\d\S+ width=\S+\d\S+ height=\S+\d\S+ fill=\S+\w\S+ \/>/g,'<rect x="-50" y="-50" width="101" height="101" fill="url(#grad-ucgg-generated)" />'):C=!1);var I=null;try{C=C.split("@@@");var J=0;for(J;J<C.length;J++)I=C[J].match(/<\?xml.*<\/svg>/),I=K(I.join("")),C[J]=C[J].replace(/(<\?xml.*<\/svg>)/,I)}catch(s){}return c?C:C=!1,C?C.toString():C})()`; | |
| @backgroundMoz: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-moz-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-moz-radial-gradient").replace(/,\s* \d*(px|%) \d*(px|%)/,", circle").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"")}())`; | |
| @backgroundWebkit: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-webkit-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-webkit-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`; | |
| @backgroundOpera: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-o-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-o-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");})()`; | |
| @backgroundW3C: ~ `(function(){var a,b,c,d,e;a="@{arguments}",b=null,c=a.split(/,(?=\s*(?:linear|radial))/g),d=c.length,e=0;while(e<d){try{"".trim(),b=!0}catch(f){b=!1}b&&(c[e]=c[e].trim()),e++}return c.toString().replace(/\[/g,"").replace(/\]/g,"");}())`; | |
| .result(@arguments, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| background-image: @arguments; | |
| } | |
| .result(@arguments, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { | |
| } | |
| .result(@arguments, @boolean, @localBoolean, @property) when (@boolean = true) and (@localBoolean = true) and (isstring(@property)) { | |
| background-image: @arguments; | |
| } | |
| .result(@arguments, @boolean, @localBoolean, @property) when not (@boolean = true), not (@localBoolean = true), not (isstring(@property)) { | |
| } | |
| .result(@backgroundSVG, @svg, @svg, @backgroundSVG); | |
| // -- this comment must be here because of LESS bug | |
| .result(@backgroundMoz, @moz, @mozLocal); | |
| // -- | |
| .result(@backgroundWebkit, @webkit, @webkitLocal); | |
| // -- | |
| .result(@backgroundOpera, @opera, @operaLocal); | |
| // -- | |
| .result(@backgroundW3C, @w3c, @w3cLocal); | |
| } | |
| // element{ .background-image(linear-gradient(to bottom, #ffffff, #929292)); } | |
| // .background-origin | |
| .background-origin(@arguments:padding-box) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-background-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-background-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| background-origin: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .background-origin(content-box); } | |
| // .background-size | |
| .background-size(...) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| @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-background-size: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-background-size: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| background-size: @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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .background-size(50% auto); } | |
| // .border-radius | |
| .border-radius(@arguments:0) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-radius: @arguments; | |
| -webkit-background-clip: padding-box; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-radius: @arguments; | |
| -moz-background-clip: padding; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-radius: @arguments; | |
| background-clip: padding-box; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .border-radius(10px); } // all corner rounded | |
| // element{ .border-radius(~"10px / 20px"); } // NEED TO BE ESCAPED OR LESS DEVIDE IT! Horizontal and vertical rounded differently | |
| // element{ .border-radius(0 10px 0 0); } // only top right corner rounded | |
| // .border-top-left-radius | |
| .border-top-left-radius(@arguments:0) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-top-left-radius: @arguments; | |
| -webkit-background-clip: padding-box; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-radius-topleft: @arguments; | |
| -moz-background-clip: padding; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-top-left-radius: @arguments; | |
| background-clip: padding-box; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .border-top-left-radius(10px); } | |
| // .border-top-right-radius | |
| .border-top-right-radius(@arguments:0) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-top-right-radius: @arguments; | |
| -webkit-background-clip: padding-box; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-radius-topright: @arguments; | |
| -moz-background-clip: padding; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-top-right-radius: @arguments; | |
| background-clip: padding-box; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .border-top-right-radius(10px); } | |
| // .border-bottom-left-radius | |
| .border-bottom-left-radius(@arguments:0) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-bottom-left-radius: @arguments; | |
| -webkit-background-clip: padding-box; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-radius-bottomleft: @arguments; | |
| -moz-background-clip: padding; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-bottom-left-radius: @arguments; | |
| background-clip: padding-box; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .border-bottom-left-radius(10px); } | |
| // .border-bottom-right-radius | |
| .border-bottom-right-radius(@arguments:0) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-bottom-right-radius: @arguments; | |
| -webkit-background-clip: padding-box; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-radius-bottomright: @arguments; | |
| -moz-background-clip: padding; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-bottom-right-radius: @arguments; | |
| background-clip: padding-box; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .border-bottom-right-radius(10px); } | |
| // .border-image | |
| .border-image(@arguments:none) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-border-image: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-border-image: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-border-image: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| border-image: @arguments; | |
| } | |
| .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{ .border-image(url(border.png) 30 30 round); } | |
| // .box-shadow | |
| .box-shadow(...) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| @processing: ~ `(function(){ var arg = "@{arguments}".replace("[","").replace("]","") || "none"; if( !/^#?\w*%?([ X])/.test(arg) ) { arg = arg.replace(/,(?=[^()]*\))/g,'--').replace(/,/g,"").replace(/--/g,','); } return arg; })()`; | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-box-shadow: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-box-shadow: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| box-shadow: @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, @w3cSignal, @w3c, @w3cLocal); | |
| color: @arguments; | |
| } | |
| // element{ .box-shadow(0 1px 10px rgba(20,20,20,0.5), 0 1px 10px rgba(20,20,20,0.5)); } | |
| // .box-sizing | |
| .box-sizing(@arguments:content-box) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-box-sizing: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-box-sizing: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| box-sizing: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .box-sizing(border-box); } | |
| // .columns | |
| .columns(@arguments:auto auto) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-columns: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-columns: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| columns: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .columns(100px 3); } | |
| // .column-count | |
| .column-count(@arguments:auto) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-column-count: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-column-count: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| column-count: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .column-count(3); } | |
| // .column-gap | |
| .column-gap(@arguments:normal) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-column-gap: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-column-gap: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| column-gap: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .column-gap(40px); } | |
| // .column-rule | |
| .column-rule(@arguments:medium none black) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-column-rule: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-column-rule: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| column-rule: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .column-rule(3px outset #ff00ff); } | |
| // .column-width | |
| .column-width(@arguments:auto) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-column-width: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-column-width: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| column-width: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .column-width(100px); } | |
| // .font-face | |
| .font-face(@fontname, @fontfile) { | |
| font-family: "@{fontname}"; | |
| src: url("@{fontfile}-webfont.eot"); | |
| src: url("@{fontfile}-webfont.eot?#iefix") format("embedded-opentype"), url("@{fontfile}-webfont.woff") format("woff"), url("@{fontfile}-webfont.ttf") format("truetype"), url("@{fontfile}-webfont.svg#@{fontname}") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| // element{ .font-face(ZendaRegular, zenda-webfont); } | |
| // .opacity | |
| .opacity(@arguments:1) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-opacity: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-opacity: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| opacity: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .opacity(.5); } | |
| // .perspective | |
| .perspective(@arguments:none) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-perspective: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-perspective: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| perspective: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .perspective(350px); } | |
| // .perspective-origin | |
| .perspective-origin(@arguments:50% 50%) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-perspective-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-perspective-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| perspective-origin: @arguments; | |
| } | |
| .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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .perspective-origin(top left); } | |
| // .size | |
| .size(@square) { | |
| width: @square; | |
| height: @square; | |
| } | |
| .size(@width, @height) { | |
| width: @width; | |
| height: @height; | |
| } | |
| // element{ .size(10px); } // render width:10px; height:10px; | |
| // element{ .size(10px, 20px); } // render width:10px; height: 20px; | |
| // .transform | |
| .transform(@arguments:none, ...) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: @arguments; | |
| } | |
| .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{ .transform(scale(.5) translate(10px, 20px)); } | |
| // .transform-origin | |
| .transform-origin(@arguments:50% 50% 0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform-origin: @arguments; | |
| } | |
| .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{ .transform-origin(20% 40%); } | |
| // .transform-style | |
| .transform-style(@arguments:flat) { | |
| // Local config for disabling properties | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| @msLocal: true; // IE 10+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform-origin: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform-origin: @arguments; | |
| } | |
| .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, @msSignal, @ms, @msLocal); | |
| // -- | |
| .result(@arguments, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .transform-style(preserve-3d); } | |
| // .translate | |
| .translate(@x:0, @y:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: translate(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: translate(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: translate(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: translate(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: translate(@x, @y); | |
| } | |
| .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{ .translate(100px); } | |
| // element{ .translate(100px, 50px); } | |
| // .translate3d | |
| .translate3d(@x:0, @y:0, @z:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: translate3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: translate3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: translate3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: translate3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: translate3d(@x, @y, @z); | |
| } | |
| .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{ .translate3d(10px, 20px, 30px); } | |
| // .translateX | |
| .translateX(@x:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: translateX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: translateX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: translateX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: translateX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: translateX(@x); | |
| } | |
| .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{ .translateX(10px); } | |
| // .translateY | |
| .translateY(@y:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: translateY(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: translateY(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: translateY(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: translateY(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: translateY(@y); | |
| } | |
| .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{ .translateY(15px); } | |
| // .translateZ | |
| .translateZ(@z:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: translateZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: translateZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: translateZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: translateZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: translateZ(@z); | |
| } | |
| .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{ .translateZ(32px); } | |
| // .scale | |
| .scale(@x:1) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scale(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scale(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scale(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scale(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scale(@x); | |
| } | |
| .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); | |
| } | |
| .scale(@x, @y) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scale(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scale(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scale(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scale(@x, @y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scale(@x, @y); | |
| } | |
| .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{ .scale(2); } | |
| // element{ .scale(2, 1); } | |
| // .scale3d | |
| .scale3d(@x:1, @y:1, @z:1) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scale3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scale3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scale3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scale3d(@x, @y, @z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scale3d(@x, @y, @z); | |
| } | |
| .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{ .scale3d(1, 2, 1); } | |
| // .scaleX | |
| .scaleX(@x:1) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scaleX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scaleX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scaleX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scaleX(@x); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scaleX(@x); | |
| } | |
| .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{ .scaleX(1.5); } | |
| // .scaleY | |
| .scaleY(@y:1) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scaleX(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scaleX(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scaleX(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scaleX(@y); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scaleX(@y); | |
| } | |
| .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{ .scaleX(1.5); } | |
| // .scaleZ | |
| .scaleZ(@z:1) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: scaleZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: scaleZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: scaleZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: scaleZ(@z); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: scaleZ(@z); | |
| } | |
| .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{ .scaleZ(2.7); } | |
| // .rotate | |
| .rotate(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: rotate(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: rotate(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: rotate(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: rotate(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: rotate(@angle); | |
| } | |
| .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{ .rotate(45deg); } | |
| // .rotate3d | |
| .rotate3d(@x:0, @y:0, @z: 0, @angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: rotate3d(@x, @y, @z, @angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: rotate3d(@x, @y, @z, @angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: rotate3d(@x, @y, @z, @angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: rotate3d(@x, @y, @z, @angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: rotate3d(@x, @y, @z, @angle); | |
| } | |
| .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{ .rotate3d(1, 2.0, 3.0, 10deg); } | |
| // .rotateX | |
| .rotateX(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: rotateX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: rotateX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: rotateX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: rotateX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: rotateX(@angle); | |
| } | |
| .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{ .rotateX(63deg); } | |
| // .rotateY | |
| .rotateY(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: rotateY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: rotateY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: rotateY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: rotateY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: rotateY(@angle); | |
| } | |
| .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{ .rotateY(24deg); } | |
| // .rotateZ | |
| .rotateZ(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: rotateZ(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: rotateZ(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: rotateZ(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: rotateZ(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: rotateZ(@angle); | |
| } | |
| .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{ .rotateZ(280deg); } | |
| // .skew | |
| .skew(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: skew(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: skew(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: skew(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: skew(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: skew(@angle); | |
| } | |
| .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{ .skew(20deg); } | |
| // .skewX | |
| .skewX(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: skewX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: skewX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: skewX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: skewX(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: skewX(@angle); | |
| } | |
| .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{ .skewX(24deg); } | |
| // .skewY | |
| .skewY(@angle:0) { | |
| // 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+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transform: skewY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transform: skewY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transform: skewY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transform: skewY(@angle); | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transform: skewY(@angle); | |
| } | |
| .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{ .skewY(36deg); } | |
| // .transition | |
| .transition(...) { | |
| // 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+ | |
| @transitionWebkit: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-webkit-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionMoz: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-moz-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionOpera: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-o-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionMs: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-ms-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionW3C: ~ `(function(){var a,b,c;a="@{arguments}".split(","),c=!1,b=a.length;for(var d=0;d<b;d++){try{"".trim(),c=!0}catch(e){c=!1}a[d]=c?a[d].trim():a[d]}return a.join(", ").replace("[","").replace("]","");}())`; | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transition: ~ `(function(){ var arg = "@{transitionWebkit}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transition: ~ `(function(){ var arg = "@{transitionMoz}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transition: ~ `(function(){ var arg = "@{transitionOpera}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transition: ~ `(function(){ var arg = "@{transitionMs}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transition: ~ `(function(){ var arg = "@{transitionW3C}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; | |
| } | |
| .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{ .transition(transform 3s linear); } | |
| // .transition-property | |
| .transition-property(...) { | |
| // 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+ | |
| @transitionWebkit: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-webkit-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionMoz: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-moz-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionOpera: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-o-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionMs: ~ `(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-ms-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`; | |
| @transitionW3C: ~ `(function(){var a,b,c;a="@{arguments}".split(","),c=!1,b=a.length;for(var d=0;d<b;d++){try{"".trim(),c=!0}catch(e){c=!1}a[d]=c?a[d].trim():a[d]}return a.join(", ").replace("[","").replace("]","");}())`; | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transition-property: ~ `(function(){ var arg = "@{transitionWebkit}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transition-property: ~ `(function(){ var arg = "@{transitionMoz}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transition-property: ~ `(function(){ var arg = "@{transitionOpera}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-transition-property: ~ `(function(){ var arg = "@{transitionMs}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transition-property: ~ `(function(){ var arg = "@{transitionW3C}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; | |
| } | |
| .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{ .transition-property(width, height); } | |
| // .transition-duration | |
| .transition-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"; try{ var hasComma = arg.match(/,/g).length > 1 ? true : false; } catch (e) {} if (hasComma === true) arg = arg.replace(/,/g,""); arg = arg.replace("[","").replace("]",""); return arg; }())`; | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-transition-duration: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transition-duration: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transition-duration: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transition-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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .transition-duration(250ms); } | |
| // .transition-timing-function | |
| .transition-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-transition-timing-function: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transition-timing-function: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transition-timing-function: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transition-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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .transition-timing-function(cubic-bezier(0,0,1,1)); } | |
| // .transition-delay | |
| .transition-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-transition-delay: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-transition-delay: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 3) { | |
| -o-transition-delay: @processing; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 5) { | |
| transition-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, @w3cSignal, @w3c, @w3cLocal); | |
| } | |
| // element{ .transition-delay(2s); } | |
| // .user-select | |
| .user-select(@arguments:auto) { | |
| // Local config for disabling properties | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @mozLocal: true; // Firefox 4+ | |
| @msLocal: true; // IE 10+ | |
| .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| .inception (@signal, @arguments) when (@signal = 1) { | |
| -webkit-user-select: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 2) { | |
| -moz-user-select: @arguments; | |
| } | |
| .inception (@signal, @arguments) when (@signal = 4) { | |
| -ms-user-select: @arguments; | |
| } | |
| .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, @msSignal, @ms, @msLocal); | |
| } | |
| // element{ .user-select(text); } | |
| // DEPRECATED mixins (must be supported because of old version of CSS Hat) | |
| // .gradient (renamed background-image) | |
| .gradient(...) { | |
| // Local config for disabling properties | |
| @svg: true; // SVG gradient for IE9 | |
| @mozLocal: true; // Firefox 4+ | |
| @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android | |
| @operaLocal: true; // Opera 10.5+ | |
| @w3cLocal: true; // Unprefixed W3C syntax | |
| @backgroundSVG: ~ `(function(){function G(a){var b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",c,d,e,f,g,h,i,j,k=0,l=0,m="",n=[];if(!a)return a;do c=a.charCodeAt(k++),d=a.charCodeAt(k++),e=a.charCodeAt(k++),j=c<<16|d<<8|e,f=j>>18&63,g=j>>12&63,h=j>>6&63,i=j&63,n[l++]=b.charAt(f)+b.charAt(g)+b.charAt(h)+b.charAt(i);while(k<a.length);m=n.join("");var o=a.length%3;return(o?m.slice(0,o-3):m)+"===".slice(o||3)}var a="@{arguments}",b=null,c=!0,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,f=/top/,g=/right/,h=/bottom/,i=/left/,j=/to\s*top/,k=/to\s*right/,l=/to\s*bottom/,m=/to\s*left/,n=/45deg/,o=/-45deg/,p=/\d*deg/;for(var q=0;q<e;q++){if(/linear/.test(d[q])){d[q]=d[q].replace(/linear-gradient\s*\(/,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">');if(f.test(d[q])&&!j.test(d[q])||l.test(d[q])||/180deg/.test(d[q])){var r=null;l.test(d[q])?r=l:/180deg/.test(d[q])?r=/180deg/:r=f,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">')}else if(g.test(d[q])&&!k.test(d[q])||m.test(d[q])||/270deg/.test(d[q])){var r=null;m.test(d[q])?r=m:/270deg/.test(d[q])?r=/270deg/:r=g,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="100%" y1="0%" x2="0%" y2="0%">')}else if(h.test(d[q])&&!l.test(d[q])||j.test(d[q])||/[^\d]0deg/.test(d[q])){var r=null;j.test(d[q])?r=j:/0deg/.test(d[q])?r=/0deg/:r=h,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="0%" y2="0%">')}else if(i.test(d[q])&&!m.test(d[q])||k.test(d[q])||/90deg/.test(d[q])){var r=null;k.test(d[q])?r=k:/90deg/.test(d[q])?r=/90deg/:r=i,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">')}else n.test(d[q])&&!o.test(d[q])?d[q]=d[q].replace(n,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="100%" y2="0%">'):o.test(d[q])?d[q]=d[q].replace(o,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">'):c=!1}try{"".trim(),b=!0}catch(s){b=!1}b&&(d[q]=d[q].trim());if(/linear/.test(d[q])||/radial/.test(d[q])){d[q]=d[q].slice(0,-1),d[q]="url(data:image/svg+xml;base64--"+d[q]+'</linearGradient><rect x="0" y="0" width="1" height="1" fill="url(***)" /></svg>)';var t=d.join("@@@"),u=t.match(/rgba?\(\d+,\s*\d+,\s*\d+,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,v=t.match(/hsla?\(\d+,\s*\d+%,\s*\d+%,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,w=[],x=[];for(var y=0;y<u.length;y++)w[y]=u[y].replace(/,/g,"--");for(var z=0;z<v.length;z++)x[z]=v[z].replace(/,/g,"--");for(var A=0;A<u.length;A++)t=t.replace(u[A],w[A]);for(var B=0;B<v.length;B++)t=t.replace(v[B],x[B]);var C=t.split(",");for(var D=0;D<C.length;D++){C[D]=C[D].replace(/(#\w{3,6})\s*(\d*%*)/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/(rgba?\(\d+--\s*\d+--\s*\d+--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/rgba/g,"rgb").replace(/(hsla?\(\d+--\s*\d+%--\s*\d+%--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/hsla/g,"hsl").replace(/((?:aqua|black|blue|fuchsia|gray|grey|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow))\s*(\d*%)*/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/\*\*\*/,"#grad-ucgg-generated");try{"".trim(),b=!0}catch(s){b=!1}b&&(C[D]=C[D].trim())}C=C.toString().replace(/,/g,"").replace(/--/g,",").replace(/(rgb?\(\d+,\s*\d+,\s*\d+),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)").replace(/(hsl?\(\d+,\s*\d+%,\s*\d+%),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)")}}/radial/.test(C)&&(/((ellipse).*(center)|(circle).*(center))/g.test(C)?C=C.replace(/<\/linearGradient>/g,"</radialGradient>").replace(/radial-gradient[^<]+/g,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><radialGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" cx="50%" cy="50%" r="75%">').replace(/<rect x=\S+\d\S+ y=\S+\d\S+ width=\S+\d\S+ height=\S+\d\S+ fill=\S+\w\S+ \/>/g,'<rect x="-50" y="-50" width="101" height="101" fill="url(#grad-ucgg-generated)" />'):C=!1);var E=null;try{C=C.split("@@@");var F=0;for(F;F<C.length;F++)E=C[F].match(/<\?xml.*<\/svg>/),E=G(E.join("")),C[F]=C[F].replace(/(<\?xml.*<\/svg>)/,E)}catch(s){}return c?C:C=!1,C?C.toString().replace(/\[/g,"").replace(/\]/g,""):C}())`; | |
| @backgroundMoz: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-moz-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-moz-radial-gradient").replace(/,\s* \d*(px|%) \d*(px|%)/,", circle").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`; | |
| @backgroundWebkit: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-webkit-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-webkit-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`; | |
| @backgroundOpera: ~ `(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-o-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-o-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");})()`; | |
| @backgroundW3C: ~ `(function(){var a,b,c,d,e;a="@{arguments}",b=null,c=a.split(/,(?=\s*(?:linear|radial))/g),d=c.length,e=0;while(e<d){try{"".trim(),b=!0}catch(f){b=!1}b&&(c[e]=c[e].trim()),e++}return c.toString().replace(/\[/g,"").replace(/\]/g,"");}())`; | |
| .result(@arguments, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { | |
| background-image: @arguments; | |
| } | |
| .result(@arguments, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { | |
| } | |
| .result(@arguments, @boolean, @localBoolean, @property) when (@boolean = true) and (@localBoolean = true) and (isstring(@property)) { | |
| background-image: @arguments; | |
| } | |
| .result(@arguments, @boolean, @localBoolean, @property) when not (@boolean = true), not (@localBoolean = true), not (isstring(@property)) { | |
| } | |
| .result(@backgroundSVG, @svg, @svg, @backgroundSVG); | |
| // -- this comment must be here because of LESS bug | |
| .result(@backgroundMoz, @moz, @mozLocal); | |
| // -- | |
| .result(@backgroundWebkit, @webkit, @webkitLocal); | |
| // -- | |
| .result(@backgroundOpera, @opera, @operaLocal); | |
| // -- | |
| .result(@backgroundW3C, @w3c, @w3cLocal); | |
| } | |
| // element{ .gradient(~"linear-gradient(to right, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%)"); } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "plugin/_supersliders"; | |
| @import "fonts/_nanum-gothic"; | |
| .container { | |
| margin: 0 auto; | |
| font-size: 40px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .superslides { | |
| position: relative; | |
| .slides-container { | |
| display: none; | |
| } | |
| .scrollable { | |
| position: relative; | |
| top: 0; | |
| left: 0; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| height: 100%; | |
| &:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| } | |
| .slides-navigation { | |
| margin: 0 auto; | |
| position: absolute; | |
| z-index: 3; | |
| top: 46%; | |
| width: 100%; | |
| } | |
| .slides-navigation a { | |
| position: absolute; | |
| display: block; | |
| } | |
| .slides-navigation a.prev { | |
| left: 0; | |
| } | |
| .slides-navigation a.next { | |
| right: 0; | |
| } | |
| .slides-pagination { | |
| position: absolute; | |
| z-index: 3; | |
| bottom: 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .slides-pagination a { | |
| border: 2px solid #222; | |
| border-radius: 15px; | |
| width: 10px; | |
| height: 10px; | |
| display: inline-block; | |
| margin: 2px; | |
| } | |
| .slides-pagination a.current { | |
| background: #222; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| CACHE MANIFEST | |
| # This manifest was generated by grunt-manifest HTML5 Cache Manifest Generator | |
| # Time: Sun Jul 07 2013 13:22:55 GMT+0900 (KST) | |
| CACHE: | |
| http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff | |
| http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf | |
| http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff | |
| http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf | |
| NETWORK: | |
| * | |
| SETTINGS: | |
| prefer-online |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Created with IntelliJ IDEA. | |
| * User: azamara | |
| * Date: 13. 7. 7. | |
| * Time: 오전 12:27 | |
| * To change this template use File | Settings | File Templates. | |
| */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "www.jnw.io", | |
| "version": "0.0.1", | |
| "dependencies": { | |
| "requirejs":"latest", | |
| "jquery": "2.0.0", | |
| "lodash": ">=1.3.1", | |
| "backbone": "1.0.0", | |
| "backbone.marionette": "1.0.3", | |
| "jquery-masonry": "latest", | |
| "jquery.animate-enhanced": "latest", | |
| "jquery-nicescroll": "latest", | |
| "supersliders": "https://github.com/nicinabox/superslides.git", | |
| "modernizr": "latest" | |
| }, | |
| "devDependencies": { | |
| "mocha": "latest" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| var LIVERELOAD_PORT = 35729; | |
| var lrSnippet = require('connect-livereload')({port: LIVERELOAD_PORT}); | |
| var mountFolder = function (connect, dir) { | |
| return connect.static(require('path').resolve(dir)); | |
| }; | |
| // # Globbing | |
| // for performance reasons we're only matching one level down: | |
| // 'test/spec/{,*/}*.js' | |
| // use this if you want to recursively match all subfolders: | |
| // 'test/spec/**/*.js' | |
| module.exports = function (grunt) { | |
| // load all grunt tasks | |
| require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); | |
| // configurable paths | |
| var myConfig = { | |
| app: 'app', | |
| dist: 'dist' | |
| }; | |
| grunt.initConfig({ | |
| myConfig: myConfig, | |
| watch: { | |
| options: { | |
| nospawn: true | |
| }, | |
| coffee: { | |
| files: ['<%= myConfig.app %>/scripts/{,*/}*.coffee'], | |
| tasks: ['coffee:dist'] | |
| }, | |
| coffeeTest: { | |
| files: ['test/spec/{,*/}*.coffee'], | |
| tasks: ['coffee:test'] | |
| }, | |
| compass: { | |
| files: ['<%= myConfig.app %>/sass/{,*/}*.{scss,sass}'], | |
| tasks: ['compass:server'] | |
| }, | |
| less: { | |
| files: ['<%= myConfig.app %>/less/{,*/}*.less'], | |
| tasks: ['less:server'] | |
| }, | |
| handlebars: { | |
| files: ['<%= myConfig.app %>/hbs/{,*/}*.{hbs,html,handlebars}'], | |
| tasks: ['handlebars'] | |
| }, | |
| livereload: { | |
| options: { | |
| livereload: LIVERELOAD_PORT | |
| }, | |
| files: [ | |
| '<%= myConfig.app %>/*.html', | |
| '<%= myConfig.app %>/styles/{,*/}*.{css}', | |
| '<%= myConfig.app %>/scripts/{,*/}*.js', | |
| '<%= myConfig.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' | |
| ] | |
| } | |
| }, | |
| connect: { | |
| options: { | |
| port: 9000, | |
| // change this to '0.0.0.0' to access the server from outside | |
| hostname: 'localhost' | |
| }, | |
| livereload: { | |
| options: { | |
| middleware: function (connect) { | |
| return [ | |
| mountFolder(connect, '.tmp'), | |
| mountFolder(connect, myConfig.app), | |
| lrSnippet | |
| ]; | |
| } | |
| } | |
| }, | |
| test: { | |
| options: { | |
| middleware: function (connect) { | |
| return [ | |
| mountFolder(connect, '.tmp'), | |
| mountFolder(connect, 'test') | |
| ]; | |
| } | |
| } | |
| }, | |
| dist: { | |
| options: { | |
| middleware: function (connect) { | |
| return [ | |
| mountFolder(connect, myConfig.dist) | |
| ]; | |
| } | |
| } | |
| } | |
| }, | |
| open: { | |
| server: { | |
| path: 'http://localhost:<%= connect.options.port %>' | |
| } | |
| }, | |
| clean: { | |
| dist: { | |
| files: [ | |
| { | |
| dot: true, | |
| src: [ | |
| '.tmp', | |
| '<%= myConfig.dist %>/*', | |
| '!<%= myConfig.dist %>/.git*' | |
| ] | |
| } | |
| ] | |
| }, | |
| server: '.tmp' | |
| }, | |
| jshint: { | |
| options: { | |
| }, | |
| all: [ | |
| 'Gruntfile.js', | |
| '<%= myConfig.app %>/scripts/{,*/}*.js', | |
| '!<%= myConfig.app %>/scripts/vendor/*', | |
| 'test/spec/{,*/}*.js' | |
| ] | |
| }, | |
| // generate application cache manifest | |
| manifest: { | |
| generate: { | |
| options: { | |
| basePath: '<%= myConfig.dist %>', | |
| cache: [ | |
| 'http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff', | |
| 'http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf', | |
| 'http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff', | |
| 'http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf' | |
| ], | |
| network: ['*'], | |
| fallback: ['index.html'], | |
| exclude: [ | |
| 'jam/require.js' | |
| ], | |
| preferOnline: true, | |
| verbose: false, | |
| timestamp: true | |
| }, | |
| src: [ | |
| '{,*/}*.html', | |
| 'scripts/{,*/}*.js', | |
| 'styles/{,*/}*.css' | |
| ], | |
| dest: '<%= myConfig.dist %>/manifest.appcache' | |
| } | |
| }, | |
| mocha: { | |
| all: { | |
| options: { | |
| run: true, | |
| urls: ['http://localhost:<%= connect.options.port %>/index.html'] | |
| } | |
| } | |
| }, | |
| coffee: { | |
| dist: { | |
| files: [ | |
| { | |
| expand: true, | |
| cwd: '<%= myConfig.app %>/scripts', | |
| src: '{,*/}*.coffee', | |
| dest: '.tmp/scripts', | |
| ext: '.js' | |
| } | |
| ] | |
| }, | |
| test: { | |
| files: [ | |
| { | |
| expand: true, | |
| cwd: 'test/spec', | |
| src: '{,*/}*.coffee', | |
| dest: '.tmp/spec', | |
| ext: '.js' | |
| } | |
| ] | |
| } | |
| }, | |
| compass: { | |
| options: { | |
| sassDir: '<%= myConfig.app %>/styles', | |
| cssDir: '.tmp/styles', | |
| generatedImagesDir: '.tmp/images/generated', | |
| imagesDir: '<%= myConfig.app %>/images', | |
| javascriptsDir: '<%= myConfig.app %>/scripts', | |
| fontsDir: '<%= myConfig.app %>/styles/fonts', | |
| httpImagesPath: '/images', | |
| httpGeneratedImagesPath: '/images/generated', | |
| relativeAssets: false | |
| }, | |
| dist: {}, | |
| server: { | |
| options: { | |
| debugInfo: true | |
| } | |
| } | |
| }, | |
| less: { | |
| options: { | |
| paths: ['<%= myConfig.app %>/styles'] | |
| }, | |
| files: { | |
| '<%= myConfig.app %>/styles/main.css': '<%= myConfig.app %>/less/main.less' | |
| }, | |
| dist: { | |
| options: { | |
| yuicompress: true | |
| } | |
| }, | |
| server: { | |
| options: { | |
| paths: ['<%= myConfig.app %>/styles'], | |
| // 디버그 모드 | |
| dumpLineNumbers: "mediaquery" | |
| }, | |
| files: { | |
| '<%= myConfig.app %>/styles/main.css': '<%= myConfig.app %>/less/main.less' | |
| } | |
| } | |
| }, | |
| handlebars: { | |
| compile: { | |
| options: { | |
| amd: true, | |
| namespace: 'JNWTemplate', | |
| processName: function(filePath) { // input: templates/_header.hbs | |
| var pieces = filePath.split("/"); | |
| return pieces[pieces.length - 1]; // output: _header.hbs | |
| } | |
| }, | |
| files: { | |
| '<%= myConfig.app %>/hbs/template.js': '<%= myConfig.app %>/hbs/{,*/}*.{hbs,handlebars,html}' | |
| } | |
| } | |
| }, | |
| // not used since Uglify task does concat, | |
| // but still available if needed | |
| /*concat: { | |
| dist: {} | |
| },*/ | |
| requirejs: { | |
| dist: { | |
| // Options: https://github.com/jrburke/r.js/blob/master/build/example.build.js | |
| options: { | |
| // `name` and `out` is set by grunt-usemin | |
| baseUrl: myConfig.app + '/scripts', | |
| optimize: 'none', | |
| // TODO: Figure out how to make sourcemaps work with grunt-usemin | |
| // https://github.com/yeoman/grunt-usemin/issues/30 | |
| //generateSourceMaps: true, | |
| // required to support SourceMaps | |
| // http://requirejs.org/docs/errors.html#sourcemapcomments | |
| preserveLicenseComments: false, | |
| useStrict: true, | |
| wrap: true | |
| //uglify2: {} // https://github.com/mishoo/UglifyJS2 | |
| } | |
| } | |
| }, | |
| rev: { | |
| dist: { | |
| files: { | |
| src: [ | |
| '<%= myConfig.dist %>/scripts/{,*/}*.js', | |
| '<%= myConfig.dist %>/styles/{,*/}*.css', | |
| '<%= myConfig.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}', | |
| '<%= myConfig.dist %>/styles/fonts/*' | |
| ] | |
| } | |
| } | |
| }, | |
| useminPrepare: { | |
| options: { | |
| dest: '<%= myConfig.dist %>' | |
| }, | |
| html: '<%= myConfig.app %>/index.html' | |
| }, | |
| usemin: { | |
| options: { | |
| dirs: ['<%= myConfig.dist %>'] | |
| }, | |
| html: ['<%= myConfig.dist %>/{,*/}*.html'], | |
| css: ['<%= myConfig.dist %>/styles/{,*/}*.css'] | |
| }, | |
| imagemin: { | |
| dist: { | |
| files: [ | |
| { | |
| expand: true, | |
| cwd: '<%= myConfig.app %>/images', | |
| src: '{,*/}*.{png,jpg,jpeg}', | |
| dest: '<%= myConfig.dist %>/images' | |
| } | |
| ] | |
| } | |
| }, | |
| svgmin: { | |
| dist: { | |
| files: [ | |
| { | |
| expand: true, | |
| cwd: '<%= myConfig.app %>/images', | |
| src: '{,*/}*.svg', | |
| dest: '<%= myConfig.dist %>/images' | |
| } | |
| ] | |
| } | |
| }, | |
| cssmin: { | |
| dist: { | |
| files: { | |
| '<%= myConfig.dist %>/styles/main.css': [ | |
| '.tmp/styles/{,*/}*.css', | |
| '<%= myConfig.app %>/styles/{,*/}*.css' | |
| ] | |
| } | |
| } | |
| }, | |
| htmlmin: { | |
| dist: { | |
| options: { | |
| /*removeCommentsFromCDATA: true, | |
| // https://github.com/yeoman/grunt-usemin/issues/44 | |
| //collapseWhitespace: true, | |
| collapseBooleanAttributes: true, | |
| removeAttributeQuotes: true, | |
| removeRedundantAttributes: true, | |
| useShortDoctype: true, | |
| removeEmptyAttributes: true, | |
| removeOptionalTags: true*/ | |
| }, | |
| files: [ | |
| { | |
| expand: true, | |
| cwd: '<%= myConfig.app %>', | |
| src: '*.html', | |
| dest: '<%= myConfig.dist %>' | |
| } | |
| ] | |
| } | |
| }, | |
| // Put files not handled in other tasks here | |
| copy: { | |
| dist: { | |
| files: [ | |
| { | |
| expand: true, | |
| dot: true, | |
| cwd: '<%= myConfig.app %>', | |
| dest: '<%= myConfig.dist %>', | |
| src: [ | |
| '*.{ico,txt,png}', | |
| '.htaccess', | |
| 'images/{,*/}*.{webp,gif}', | |
| 'styles/fonts/*', | |
| 'hbs/**/*' | |
| ] | |
| }, | |
| { | |
| expand: true, | |
| cwd: '.tmp/images', | |
| dest: '<%= myConfig.dist %>/images', | |
| src: [ | |
| 'generated/*' | |
| ] | |
| } | |
| ] | |
| } | |
| }, | |
| concurrent: { | |
| server: [ | |
| 'coffee:dist', | |
| 'compass:server', | |
| 'handlebars' | |
| ], | |
| test: [ | |
| 'coffee', | |
| 'compass' | |
| ], | |
| dist: [ | |
| 'coffee', | |
| 'compass:dist', | |
| 'imagemin', | |
| 'svgmin', | |
| 'htmlmin', | |
| 'handlebars' | |
| ] | |
| } | |
| }); | |
| grunt.registerTask('server', function (target) { | |
| if (target === 'dist') { | |
| return grunt.task.run(['build', 'open', 'connect:dist:keepalive']); | |
| } | |
| grunt.task.run([ | |
| 'clean:server', | |
| 'concurrent:server', | |
| 'connect:livereload', | |
| 'open', | |
| 'watch' | |
| ]); | |
| }); | |
| grunt.registerTask('test', [ | |
| 'clean:server', | |
| 'concurrent:test', | |
| 'connect:test', | |
| 'mocha' | |
| ]); | |
| grunt.registerTask('build', [ | |
| 'clean:dist', | |
| 'useminPrepare', | |
| 'concurrent:dist', | |
| 'requirejs', | |
| 'cssmin', | |
| 'concat', | |
| 'uglify', | |
| 'copy', | |
| 'rev', | |
| 'usemin', | |
| 'manifest' | |
| ]); | |
| grunt.registerTask('default', [ | |
| 'jshint', | |
| 'test', | |
| 'build' | |
| ]); | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "jnw.io", | |
| "version": "0.0.1", | |
| "dependencies": {}, | |
| "devDependencies": { | |
| "grunt": "~0.4.1", | |
| "grunt-contrib-copy": "~0.4.1", | |
| "grunt-contrib-concat": "~0.1.3", | |
| "grunt-contrib-coffee": "~0.6.5", | |
| "grunt-contrib-uglify": "~0.2.0", | |
| "grunt-contrib-compass": "~0.2.0", | |
| "grunt-contrib-less": "~0.6.2", | |
| "grunt-contrib-handlebars": "~0.5.9", | |
| "grunt-contrib-jshint": "~0.4.1", | |
| "grunt-contrib-cssmin": "~0.6.0", | |
| "grunt-contrib-connect": "~0.2.0", | |
| "grunt-contrib-clean": "~0.4.0", | |
| "grunt-contrib-htmlmin": "~0.1.3", | |
| "grunt-bower-requirejs": "~0.4.1", | |
| "grunt-contrib-requirejs": "~0.4.0", | |
| "grunt-contrib-imagemin": "~0.1.3", | |
| "grunt-contrib-watch": "~0.4.0", | |
| "grunt-manifest": "latest", | |
| "grunt-rev": "~0.1.0", | |
| "grunt-usemin": "~0.1.10", | |
| "grunt-mocha": "~0.3.0", | |
| "grunt-open": "~0.2.0", | |
| "grunt-svgmin": "~0.1.0", | |
| "grunt-concurrent": "~0.1.0", | |
| "matchdep": "~0.1.1", | |
| "connect-livereload": "~0.1.1" | |
| }, | |
| "engines": { | |
| "node": ">=0.8.0" | |
| }, | |
| "jam": { | |
| "packageDir": "app/jam", | |
| "baseUrl": "./app", | |
| "dependencies": { | |
| "backbone": "*", | |
| "jquery": "*", | |
| "lodash": "*", | |
| "backbone.marionette": "*" | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment