Implement SASS

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

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).

SASS

           
            // Variable
            !primary-color= hotpink

        // 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
                +border-radius(5px)
            
        

SCSS

               
// 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);
}