https://github.com/tenhobi/postcss-czech-stylesheets

PostCSS plugin for writing Czech Style Sheets
https://github.com/tenhobi/postcss-czech-stylesheets

postcss

Last synced: 6 days ago
JSON representation

PostCSS plugin for writing Czech Style Sheets

• Host: GitHub
• URL: https://github.com/tenhobi/postcss-czech-stylesheets
• Owner: tenhobi
• License: mit
• Created: 2015-11-28T19:29:49.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2020-09-23T21:28:17.000Z (about 4 years ago)
• Last Synced: 2024-10-02T22:04:01.989Z (about 1 month ago)
• Topics: postcss
• Language: JavaScript
• Homepage:
• Size: 17.6 KB
• Stars: 51
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#  PostCSS Czech Stylesheets

> [PostCSS](https://github.com/postcss/postcss) plugin for writing Czech Style Sheets.

## Installation

```console

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

```

## Example

### Input

```css

.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

```css

.error-msg {

    display: block;

    border-left: 3px solid red;

    font-size: 15px;

    line-height: 20px;

    background: transparent;

    color: red !important;

}

```

## Usage

### Gulp

```js

var gulp = require('gulp');

var rename = require('gulp-rename');

var postcss = require('gulp-postcss');

var autoprefixer = require('autoprefixer')

var czechCSS = require('postcss-czech-stylesheets');

gulp.task('default', function () {

    var processors = [

        czechCSS(),

        autoprefixer({ browsers: ['> 0%'] })

    ];

    

    return gulp.src('src/**/*.css')

        .pipe(postcss(processors))

        .pipe(rename('output.css'))

        .pipe(gulp.dest('build'));

});

```

## [Changelog](CHANGELOG.md)

## [License](LICENSE)