PostCSS plugin to add :host-context
selector to every selector.
Purpose? work around for this angular/angular#7108
:host-context h3 {
outline: 0;
}
.button:hover {
background: red;
}
:host-context h3 {
outline: 0;
}
:host-context .button:hover {
background: red;
}
postcss([ require('postcss-host-context') ])
var processorArray = [
require('postcss-host-context')()
];
gulp.task('pipe-styles', function () {
gulp.src('src/assets/*.css')
.pipe(postcss(processorArray))
.pipe(gulp.dest('dist/assets/'))
});