SASS Tutorial
`<svg xmlns="http://www.w3.org/2000/svg" width="39" height="39" fill="#CC6699" viewBox="0 0 24 24">`
<svg xmlns="http://www.w3.org/2000/svg" width="39" height="39" fill="#CC6699" viewBox="0 0 24 24">
</svg>
Learn Sass
Sass is a CSS pre-processor.
Sass reduces repetition of CSS and therefore saves time.
Become Sass Certified
Get certified with our Sass exam, includes a professionally curated study kit to guide you from beginner to exam-ready.
<img class="cert-preview-svg" src="img_sass_certificate.png" width="250" height="179" alt="Example of the EA Academy Sass certificate" style="width:100%;max-width:250px;height:auto;display:block;margin:0 0 0 auto;">
Examples in Each Chapter
Our "Show Sass" tool makes it easy to learn Sass, it shows both the code and the result.
Sass Example
Example Code
css/* Define standard variables and values for website */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;
/* Use the variables */
body
{
background-color: $bgcolor;
color:
$textcolor;
font-size: $fontsize;
}Sass Function References
At EA Academy you will find complete references of all Sass functions with syntax and examples.