Fix Global CSS with PostCSS

Andrey Sitnik, Evil Martians

Part 1 What is PostCSS?

CSS

source map

Parser

Plugin

Stringifier

New CSS

new source map

.block {
    &_title {
        font-size: 200%;
    }
}

.block_title {
    font-size: 200%;
}

:fullscreen {
}

:-webkit-full-screen {
}
:-moz-full-screen {
}
:-ms-fullscreen {
}
:fullscreen {
}

.foo {
    @mixin transition(width 1s);
    @mixin rtl-float(left);
}