변수2

• 

  [SASS - SCSS] 2-3. 변수 $ 기호 내용정리 3. 변수 $ 기호 초반에 SASS 기초 정리를 하면서 변수 $ 기호를 사용한다고 작성 하였습니다. 가장 중요한 변수 처리이고, 변수를 잘 처리하면 더 용이하게 코드 작성을 할 수 있습니다. 변수에는 $ 기호를 사용합니다. SASS에서도 지역변수와 전역변수가 존재합니다. 전역변수는 선택자 외부에 선언하는 방법과, 지역변수 부분에서 !global이라고 지정을 하게 되면 전역변수가 선언이 됩니다. $main-width는 전역변수로 선언이 되었습니다. 나중에 프로젝트로 돌입하게 되면 별도로 분리하는 것이 용이합니다. 별도의 파일을 만들어서 호출해서 부르는 형식으로 말이죠. #main에서 $width: 10px !global; 이렇게 !global을 작성하게 되면서 $width는 전역변수가 됩니다. #sideb.. SCSS-SASS 2021. 2. 20.

• 

  [SASS - SCSS] 1-2. 변수와 중첩 내용 정리 1. 변수 SASS에서도 반복적으로 많이 사용되는 부분입니다. 예를 들어 font 모양이나 색상, 스타일 등을 변수로 지정해 놓고 반복적으로 사용되는 값을 변수로 변경해주면 간단하게 CSS를 제어할 수 있습니다. $font-stack: "Noto-sans", sans-serif; $base-color: red; body { font: 100% $font-stack; color: $base-color; } $font-stack에는 Noto-sans, sans-serif 글꼴 변수를 부여하고, $base-color에는 쉽게 red 색상으로 지정하였습니다. 위의 내용을 컴파일을 하면 아래와 같은 내용으로 css파일을 내용으로 컴파일이 됩니다. body{ font:100% "Noto-sans",sans-seri.. SCSS-SASS 2021. 2. 17.