10.0.0 • Published 2 months ago
postcss-mixins v10.0.0
PostCSS Mixins
PostCSS plugin for mixins.
Note, that you must set this plugin before postcss-simple-vars and postcss-nested.
@define-mixin icon $network, $color: blue {
.icon.is-$(network) {
color: $color;
@mixin-content;
}
.icon.is-$(network):hover {
color: white;
background: $color;
}
}
@mixin icon twitter {
background: url(twt.png);
}
@mixin icon youtube, red {
background: url(youtube.png);
}
.icon.is-twitter {
color: blue;
background: url(twt.png);
}
.icon.is-twitter:hover {
color: white;
background: blue;
}
.icon.is-youtube {
color: red;
background: url(youtube.png);
}
.icon.is-youtube:hover {
color: white;
background: red;
}
postcss-utilities collection is better for clearfix
and other popular hacks.
For simple cases you can use postcss-define-property.
Docs
Read full docs here.
10.0.0
2 months ago
9.0.4
2 years ago
9.0.3
2 years ago
9.0.2
2 years ago
9.0.1
2 years ago
9.0.0
2 years ago
8.1.0
3 years ago
8.0.0
3 years ago
7.0.3
3 years ago
7.0.2
3 years ago
7.0.1
4 years ago
7.0.0
4 years ago
6.2.3
4 years ago
6.2.2
5 years ago
6.2.1
5 years ago
6.2.0
6 years ago
6.1.1
7 years ago
6.1.0
7 years ago
6.0.1
7 years ago
6.0.0
7 years ago
5.4.1
7 years ago
5.4.0
8 years ago
5.3.0
8 years ago
5.2.0
8 years ago
5.1.0
8 years ago
5.0.1
8 years ago
5.0.0
8 years ago
4.0.2
8 years ago
4.0.1
8 years ago
4.0.0
8 years ago
3.0.2
8 years ago
3.0.1
8 years ago
3.0.0
8 years ago
2.1.1
8 years ago
2.1.0
9 years ago
2.0.0
9 years ago
1.0.2
9 years ago
1.0.1
9 years ago
1.0.0
9 years ago
0.4.0
9 years ago
0.3.0
9 years ago
0.2.0
9 years ago
0.1.1
9 years ago
0.1.0
9 years ago