10.09 스타일러스 맛보기

1. $표시로 변수를 정의내릴수있다.

예) $font12 = 0.75em

     font : font12 'Helvetica'

또 이 변수를 이용해서 값을 더하고 빼는것도 가능하다.

예) $font_basic = 0.75em

      $font_big = $font_basic + 1

또는

div

font-size:$font_basig+0.6

이 방법을 알았으면 여러가지로 응용이 가능하다.

(+,/,* 는 되는데 - 는 안되는듯..)

2. &을 이용해서 셀렉터도 가능하다.

예) div

color:#fff

&:first-child

color:#f00

이럴경우 div:first-child로 됨

3. 단위 바꾸기

예) $width_basic = 70%

div

width:$width_basic

height:($width_basic+500)px

이럴경우 넓이는 70% 높이는 570px이 된다