If we're altering code to use PostCSS for the first time, it naturally makes sense to start with something simple; incorporating variables and mixins into our code is the perfect place to begin.
For this next exercise, we're going to create a handful of variables to store some values, then add a mixin to handle styles for the fonts used in the demo. Let's make a start:
gulpfile.jsfrom the root of our project area—we first need to make some changes to accommodate using the new plugin.
gulpfile.js, add this line immediately below the first block of
varstatements—this should be on or around line 9:
var cssvariables = require('postcss-css-variables');