SCSS 유용하게 쓰는 법

Jul 29, 2019

Sass와 SCSS 차이

SCSS는 Sass 버전3에서 CSS와 완전히 호환되도록 새로운 만든 css 전처리기(css Preprocessor)로 가장 큰 차이는 {}와 ;의 유무이다.

/*Sass*/
.wrap 
    width: 100%
    height: 500px
    li
        color: red
    &:hover 
        width: 50%

/*SCSS*/
.wrap {
    width: 100%;
    height: 500px;
    li {
        color: red;
    }
    &:hover {
        width: 50%;
    }
}

SCSS 사용

참조