Implement SASS

My sass works!!!! I used a variable for the background color in the body.

Link to Sass style sheet

The Diffrence between Sass and Scss syntax

The new main syntax (as of Sass 3) is known as SCSS (for Sassy CSS), and is a superset of CSS3's syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss. The second, older syntax is known as the indented syntax (or just Sass).


            // Variable
            !primary-color= hotpink

        // Mixin =border-radius(!radius)
            -webkit-border-radius= !radius
            -moz-border-radius= !radius
            border-radius= !radius

                color= !primary-color
                width= 100%
                overflow= hidden



// Variable
$primary-color: hotpink;

// Mixin
@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    border-radius: $radius;

.my-element {
    color: $primary-color;
    width: 100%;
    overflow: hidden;

.my-other-element {
    @include border-radius(5px);