Added basic mixins and tests
This commit is contained in:
parent
cce665ec1f
commit
1ffb6493a0
6 changed files with 49 additions and 1 deletions
23
extras/animation.less
Normal file
23
extras/animation.less
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
.animation(@value) {
|
||||||
|
-webkit-animation: @value;
|
||||||
|
-moz-animation: @value;
|
||||||
|
-ms-animation: @value;
|
||||||
|
-o-animation: @value;
|
||||||
|
animation: @value;
|
||||||
|
}
|
||||||
|
|
||||||
|
.transition(@value) {
|
||||||
|
-webkit-transition: @value;
|
||||||
|
-moz-transition: @value;
|
||||||
|
-o-transition: @value;
|
||||||
|
-ms-transition: @value;
|
||||||
|
transition: @value;
|
||||||
|
}
|
||||||
|
|
||||||
|
.transform(@value) {
|
||||||
|
-ms-transform: @value;
|
||||||
|
-moz-transform: @value;
|
||||||
|
-webkit-transform: @value;
|
||||||
|
-o-transform: @value;
|
||||||
|
transform: @value;
|
||||||
|
}
|
15
extras/layout.less
Normal file
15
extras/layout.less
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
.absolute() {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-sizing(@value: border-box) {
|
||||||
|
-webkit-box-sizing: @value;
|
||||||
|
-moz-box-sizing: @value;
|
||||||
|
box-sizing: @value;
|
||||||
|
}
|
5
extras/shadows.less
Normal file
5
extras/shadows.less
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
.box-shadow(@value) {
|
||||||
|
-webkit-box-shadow: @value;
|
||||||
|
-moz-box-shadow: @value;
|
||||||
|
box-shadow: @value;
|
||||||
|
}
|
3
index.less
Normal file
3
index.less
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
@import 'extras/animation';
|
||||||
|
@import 'extras/layout';
|
||||||
|
@import 'extras/shadows';
|
|
@ -5,7 +5,8 @@
|
||||||
"main": "index.less",
|
"main": "index.less",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "npm run build",
|
"test": "npm run build",
|
||||||
"build": "lessc --silent index.less build.css && cleancss -d --s0 -o build.css build.css",
|
"build": "lessc --silent index.less build.css",
|
||||||
|
"test": "lessc --silent index.less build.css && cleancss -d --s0 -o build.css build.css",
|
||||||
"clean": "rm -rf node_modules/ build.css"
|
"clean": "rm -rf node_modules/ build.css"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
|
|
1
test.less
Normal file
1
test.less
Normal file
|
@ -0,0 +1 @@
|
||||||
|
@import 'index.less';
|
Reference in a new issue