[Sass/Scss] 사스의 데이터 타입 7가지

1. 숫자 데이터(number)

• 단위가 붙어 있는 숫자도 숫자 데이터로 취급을 한다 예) 100px, 1em
• 숫자 데이터 예시: 1, 0.5, 100px, 1em

$number: 1;

 

2. 문자 데이터(string)

• 문자 데이터 예시: bold, relative, ".../img/profile.png"

$string: bold;

 

3. 색상 데이터(color)

• 색상의 이름은 문자 데이터가 아닌 색상 데이터 타입이다 예) green
• 16진수 색상과 rgba도 색상 데이터다 예) #FFFF00, rgba(0, 0, 0, .1)
• 색상 데이터 예시: green, #FFFF00, rgba(0, 0, 0, .1)

$color: green;

 

4. 불리언 데이터(boolean)

• 불리언 데이터 예시: true, false

$boolean: true;

 

5. null

• 아무것도 없는 빈데이터를 명시적으로 나타날때 사용한다

$null: null;

 

6. list

• 데이터를 쉼표로 구분하는 데이터 타입을 말한다
• 자바스크립트의 배열 데이터와 유사하다

$list: red, orange, yellow;

 

7. map

• key, value로 구성이 되어 있는 데이터 타입을 말한다
• 자바스크립트의 객체 데이터처와 유사하다

$map: (
  r: red,
  o: orange,
  y: yellow
);