Time for action – organizing and compiling style sheets
Perform the following steps right to the end to properly organize the style sheets and compile them into CSS.
We need to install Bourbon. Launch a terminal or the command prompt, and type the following command:
bower install bourbon --save
This command installs the Bourbon package through the Bower registry and registers it within the
bower.json
file of the project.Tip
I've discussed the
bower.json
file exclusively in this post (https://webdesign.tutsplus.com/tutorials/quick-tip-what-to-do-when-you-encounter-a-bower-file--cms-21162), check it out!Create new style sheets named
main.scss
,responsive.scss
, andstyles.scss
in thescss
folder.The
_main.scss
style sheet is the one where we will put all our own style rules. We will use the_responsive.scss
file to exclusively put in the media queries of the website. And thestyles.scss
file is where we will compile those style sheets together.Tip
The underscore
_
that began the file name is a...