How can Javascript improve your CSS Mixins

Slides from Talk at JSConf Budapest

This repo is an extension of the original talk where I share more examples about CSS Mixins.

• Basic examples:

  • Size: Mixin w/JS - Unit Test - Usage
  • SocialIconList: Mixin w/JS - Unit Test - Usage

• Not so basic dummy example:

  • Sprite: SCSS Mixin - Mixin w/JS - Unit Test - Usage

• Other Examples:

  • With content inside the mixin - CSS Mixin - Mixin w/JS - Unit Test - Usage
  • Usage with Glamorous
  • Usage with Styled Components

In case you want to see it in action: 💥

• Clone this repo and open your terminal:
• cd path/to/how-can-js-improve-your-css-mixins
• npm install
• npm start
• Go to //localhost:3001

To get started with PostCSS: ⚡️

• PostCSS

Create a Plugin

• PostCSS API
• PostCSS plugin boilerplate
• PostCSS Guidelines

Cool PostCSS Plugins

• autoprefixer
• cssnext
• postcss-nested
• postcss-short
• cssnano
• rtlcss

Thank you and have fun! 🙌

---

- Slides presented at PixelsCamp