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",
|
||||
"scripts": {
|
||||
"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"
|
||||
},
|
||||
"repository": {
|
||||
|
|
1
test.less
Normal file
1
test.less
Normal file
|
@ -0,0 +1 @@
|
|||
@import 'index.less';
|
Reference in a new issue