postcss-czech-stylesheets

PostCSS plugin for writing Czech Style Sheets.

Usage no npm install needed!

<script type="module">
  import postcssCzechStylesheets from 'https://cdn.skypack.dev/postcss-czech-stylesheets';
</script>

README

Czech Republic PostCSS Czech Stylesheets

PostCSS plugin for writing Czech Style Sheets.

Installation

$ npm install postcss-czech-stylesheets --save-dev

Example

Input

.error-msg {
    zobrazení: blok;
    levý-rámeček: 3px pevné červené;
    velikost-písma: 15px;
    výška-řádku: 20px;
    pozadí: průhledné;
    barva: červená !kurva;
}

Output

.error-msg {
    display: block;
    border-left: 3px solid red;
    font-size: 15px;
    line-height: 20px;
    background: transparent;
    color: red !important;
}

Usage

Gulp

var gulp = require('gulp');
var rename = require('gulp-rename');
var postcss = require('gulp-postcss');
var czechCSS = require('postcss-czech-stylesheets');
var autoprefixer = require('autoprefixer-core')

gulp.task('default', function () {
    var processors = [
        autoprefixer({ browsers: ['> 0%'] }),
        czechCSS()
    ];
    gulp.src('src/**/*.css')
        .pipe(postcss(processors))
        .pipe(rename('output.css'))
        .pipe(gulp.dest('build'))
});

Changelog

License