반응형 SCSS변수1 SASS, SCSS 변수(variables) - scope, !global, !default sass에서 변수를 사용할 수 있는데 $ 표시를 앞에 붙이면 변수를 선언할 수 있습니다. 반복적으로 사용되는 값을 변수로 지정하여 사용하면 반복을 줄이고, 복잡한 계산도 가능하며 라이브러리 구성 등의 작업이 가능합니다. 즉 유지보수를 쉽게 만들어줍니다. 값이 여러번 반복되면 미리 변수로 만듭니다. 값을 기억하지 않고 변수명만을 가지고 스타일 가능합니다. 예를 들면 #272d4f 라는 컬러값은 기억하지 어렵지만 $blue : #272d4f 라고 선언하면 $blue만 기억하면 되므로 사용하기 쉽습니다. sass에서의 변수는 $ 를 사용하고 css규칙과 똑같이 정의하면 됩니다. 반복되는 값을 미리 변수로 정의하면 스타일링하기에 편합니다. /* use */ $변수이름 : 속성값; /* scss */ $base-.. 2023. 1. 3. 이전 1 다음 반응형