Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PostCSS 5.0: for Custom CSS Preprocessing

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

PostCSS 5.0: for Custom CSS Preprocessing

at Back to Basics, CSS event in Japan

Avatar for Masaaki Morishita

Masaaki Morishita

August 30, 2015
Tweet

More Decks by Masaaki Morishita

Other Decks in Programming

Transcript

  1. About&me • Masaaki'Morishita • Twi.er:'@morishi.er_ • GitHub:'morishi.er • ΠΧ:'CSS0830 •

    αΠόʔΤʔδΣϯτʢ৽ଔ1೥໨ʣ • PostCSSΤόϯδΣϦετʢࣗশʣ
  2. @function halfSize($value) { @return $value / 2; } $val: 100px;

    :root { // Main theme color --color: red; } .foo { width: halfSize($val); } .bar { color: var(--color); padding: $val / 10; }