All Projects → dyaa → postcss-egyptian-stylesheets

dyaa / postcss-egyptian-stylesheets

Licence: MIT license
PostCSS plugin for writing Egyptian Style Sheets. Feel free to PR

Programming Languages

javascript
184084 projects - #8 most used programming language

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

prepublish
Simplifies the prepare step (bundling, transpiling, rebasing) during publishing NPM packages.
Stars: ✭ 21 (+23.53%)
Mutual labels:  postcss
craft3-webpack5-tailwind2-boilerplate
A real-world boilerplate for Craft CMS 3 projects that leverages Wepback 5, Tailwind 2, PostCSS 8, and has a hot-reload dev environment. Now with dynamic imports, asynchronous chunk loading, and legacy vs modern browser support!
Stars: ✭ 44 (+158.82%)
Mutual labels:  postcss
gulp-boilerplate
Gulp boilerplate
Stars: ✭ 24 (+41.18%)
Mutual labels:  postcss
webpack-html-boilerplate
Boilerplate for building html templates
Stars: ✭ 17 (+0%)
Mutual labels:  postcss
postcss-styled
PostCSS syntax for parsing styled components
Stars: ✭ 53 (+211.76%)
Mutual labels:  postcss
bootstrap-shopify-theme
🛍 A free Shopify Theme built with Bootstrap, BEM, Liquid, Sass, ESNext, Theme Tools, ... and Webpack.
Stars: ✭ 41 (+141.18%)
Mutual labels:  postcss
ship
A toolkit for makers to ship better products faster 🚀
Stars: ✭ 68 (+300%)
Mutual labels:  postcss
postcss-variable-compress
Minifies css variable names
Stars: ✭ 18 (+5.88%)
Mutual labels:  postcss
postcss-redundant-color-vars
⚒️ PostCSS plugin that fixes a bug in safari when using custom properties in certain color declarations.
Stars: ✭ 11 (-35.29%)
Mutual labels:  postcss
postcss-flexible
🔲 dpr/rem/url transformer for flexible
Stars: ✭ 19 (+11.76%)
Mutual labels:  postcss
styled-jsx-plugin-postcss
Plugin to add PostCSS support to styled-jsx.
Stars: ✭ 86 (+405.88%)
Mutual labels:  postcss
criteria-of-quality-frontend
Критерии качественной вёрстки (разметка, стилизация, картинки, шрифты, автоматизация и пр.)
Stars: ✭ 26 (+52.94%)
Mutual labels:  postcss
injected-css
{:;} CSS in JS
Stars: ✭ 18 (+5.88%)
Mutual labels:  postcss
abilitysheet
This app is ability sheet for beatmania iidx music of level 12.
Stars: ✭ 38 (+123.53%)
Mutual labels:  postcss
postcss-font-pack
PostCSS plugin to simplify font declarations by validating only configured font packs are used and adding fallbacks.
Stars: ✭ 18 (+5.88%)
Mutual labels:  postcss
bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖
Stars: ✭ 13 (-23.53%)
Mutual labels:  postcss
postcss-windicss
PostCSS integrations for Windi CSS
Stars: ✭ 33 (+94.12%)
Mutual labels:  postcss
react.js
A boilerplate for react js project. 基于 reactjs+redux+webpack2 的单页应用项目模板。
Stars: ✭ 28 (+64.71%)
Mutual labels:  postcss
postcsslayouts
This is the repository for my course, Building a Responsive Single-Page Design with PostCSS on LinkedIn Learning and Lynda.com.
Stars: ✭ 22 (+29.41%)
Mutual labels:  postcss
postcss-gtk
Processes GTK+ CSS into browser CSS
Stars: ✭ 23 (+35.29%)
Mutual labels:  postcss

PostCSS Egyptian Stylesheets wercker status

npm npm npm

PostCSS plugin for writing Egyptian Stylesheets.

Installation

yarn add --dev postcss-egyptian-stylesheets

Egyptian syntax

.foo {
    border-loon: vb-green;
    background-loon: vegemite;
    box-sizing: fair-dinkum;
    loon: samawy !mohem;
    display: mfysh;
    text-align: felnos;
    text-indent: wara-elshams;
    visibility: mest5abby;
    ymyn: 0;
    padding-shemal: 5px;
    border-t7t: 5px;
    margin-fo2: 5px;
}

CSS output

.foo {
    border-color: #2D8249;
    background-color: #461B00;
    box-sizing: border-box;
    color: #0581C1 !important;
    display: none;
    text-align: center;
    text-indent: -9999px;
    visibility: hidden;
    right: 0;
    padding-left: 5px;
    border-bottom: 5px;
    margin-top: 5px;
}

Usage

postcss([ require('postcss-egyptian-stylesheets') ])

Thanks to

Inspiration from Canadian Stylesheets

License

Copylefted (c) 2018 Dyaa Eldin Moustafa Licensed under the MIT 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].