All Projects → tenhobi → postcss-czech-stylesheets

tenhobi / postcss-czech-stylesheets

Licence: MIT license
PostCSS plugin for writing Czech Style Sheets

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to postcss-czech-stylesheets

postcss-hover-media-feature
PostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries
Stars: ✭ 47 (+0%)
Mutual labels:  postcss
nextsss
Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.
Stars: ✭ 80 (+70.21%)
Mutual labels:  postcss
postcss-critical-css
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
Stars: ✭ 84 (+78.72%)
Mutual labels:  postcss
postcss-import-url
PostCSS plugin inlines remote files.
Stars: ✭ 47 (+0%)
Mutual labels:  postcss
postcss-if-media
A PostCSS plugin to inline or nest media queries within CSS rules & properties.
Stars: ✭ 35 (-25.53%)
Mutual labels:  postcss
responsive-modular-scale.css
Responsive typography using CSS variables
Stars: ✭ 19 (-59.57%)
Mutual labels:  postcss
postcss-property-lookup
PostCSS plugin for property lookups, similar to Stylus
Stars: ✭ 67 (+42.55%)
Mutual labels:  postcss
twitter-web-react
twitter-web-react.now.sh
Stars: ✭ 104 (+121.28%)
Mutual labels:  postcss
postcss-responsive-font
Simple PostCSS plugin for creating responsive font sizes
Stars: ✭ 28 (-40.43%)
Mutual labels:  postcss
postcss-styl
PostCSS parser plugin for converting Stylus syntax to PostCSS AST.
Stars: ✭ 15 (-68.09%)
Mutual labels:  postcss
gulp-reporter
Error report for: CSSLint/EditorConfig/ESLint/HTMLHint/JSCS/JSHint/PostCSS/Standard/TSLint/XO
Stars: ✭ 17 (-63.83%)
Mutual labels:  postcss
aerostore
🎨 Aerostore - Aerolab Challenge using Next.js and Micro.js from Zeit
Stars: ✭ 20 (-57.45%)
Mutual labels:  postcss
multi-brand-colors
Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON
Stars: ✭ 26 (-44.68%)
Mutual labels:  postcss
static-webpack-boilerplate
🚀 Minimal & Modern Webpack Boilerplate for building static sites
Stars: ✭ 40 (-14.89%)
Mutual labels:  postcss
postcss-rename
Replace class names based on a customizable renaming scheme.
Stars: ✭ 77 (+63.83%)
Mutual labels:  postcss
postcss
Add PostCSS to your Svelte project
Stars: ✭ 37 (-21.28%)
Mutual labels:  postcss
laggard
Automatically generate CSS fallbacks for legacy browsers, built on PostCSS
Stars: ✭ 23 (-51.06%)
Mutual labels:  postcss
mpa-frontend-template
🔥 Template based on webpack, pug, stylus, es6, postcss for multi page applications
Stars: ✭ 27 (-42.55%)
Mutual labels:  postcss
vue-mall
vue企业级商城练手项目并且提供接口唷
Stars: ✭ 14 (-70.21%)
Mutual labels:  postcss
postcss-inline-media
Media queries shortcut, built on PostCSS, example: font-size: 20px @1200 18px @480 16px;
Stars: ✭ 47 (+0%)
Mutual labels:  postcss

Czech Republic PostCSS Czech Stylesheets

PostCSS plugin for writing Czech Style Sheets.

Installation

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

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 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

License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].