재할당 (1) 썸네일형 리스트형 #8 - SCSS 변수 - 사용법 / 적용 범위 / 재할당 변수 사용 반복 사용되는 값을 지정하여 사용할 수 있다. SCSS /* $속성이름 : 속성값; */ $color-primary: #000000; $url: "./image/"; .bg{ background: $color-primary url($url + "bg.png"); } Compile 된 CSS .bg{ background : #000000 url("./image/bg.png"); } 변수 적용 범위 변수($)는 선언된 영역( { } 대괄호 영역)에서만 동작한다. SCSS /* 전역에 사용하는 변수 */ $color: red; /* class1에서만 사용하는 변수 */ .class1 { $per100: 100%; $per50: 50%; width: $per100; height: $per50; bac.. 이전 1 다음
