.mixinName1() {
width: 100px;
height: 100px;
color: red;
background: blue;
}
div {
.mixinName1;
}
.mixinName2(@width: 10px, @height: 10px, @color: purple, @background: yellowgreen) {
width: @width;
height: @height;
color: @color;
background: @background;
}
p {
.mixinName2(50px, 50px, yellow, skyblue url() no-repeat);
}
ul {
.mixinName2();
li {
.mixinName2(@color: red, @background: green);
}
}
div {
width: 100px;
height: 100px;
color: red;
background: blue;
}
p {
width: 50px;
height: 50px;
color: yellow;
background: skyblue url() no-repeat;
}
ul {
width: 10px;
height: 10px;
color: purple;
background: yellowgreen;
}
ul li {
width: 10px;
height: 10px;
color: red;
background: green;
}