SCSS & SASS - 데이터 종류

01.SCSS 데이터 종류

• SCSS에도 JavaScript와 마찬가지로 데이터 종류가 있습니다.

SCSS

$number: 1;                         //.5, 100px, 1em
$string: bold;                      // relative, '../images/a.png'
$color: red;                        // blue, #FFFF00, rgba(0,0,0,.1) => 색상 데이터
$boolean: true;                     // false
$null: null;
$list: orange, royalblue, yellow;   // Array
$map: (                             // Object
    o: orange,
    r: royalblue,
    y: yellow
);
.box {
    width: 100px;
    color: red;
    position: null;
}

CSS

.box {
  width: 100px;
  color: red;
}

• SCSS에서 position: null;로 설정하면 CSS에서는 position 속성이 사라진다.