Link to the version04-NPM and Sass

Navigation Bar – CodePen

Problem Set

Link to 04-comment-box-rework

Example of Sass variable syntax

$color-text:#6d72b1;
$color-background:#c21111;

p{
background-color:color-background;
color:$color-text;
}
a{
text-decoration: none;
color:color-text;
}

Using Sass variables to store color values is highly useful in web development for several reasons:

• Reduce repetition and makes styles make manageable such as for larger project.
• Make the code more clear, and organize and meaningful using the variables.
• Change the colors in one place instead of multiple lines of CSS.