'scss 변수 사용법' 태그의 글 목록

저번에는 CSS에서 변수를 사용하는 방법을 알아보았다. 그렇다면 당연히 SCSS 또한 변수를 사용하는 것 같아 개인 프로젝트에 투입하면서 찾아보게 되었다. 그리고 그 방법이 있고, 몇 가지는 정리하고 싶어서 적게 되었다. 1. Variables 1-1. 변수를 사용하는 방법 SCSS 변수는 다음과 같다. $large-font: 3rem; $small-font: 0.5rem; $main-color: purple; 1-2. 변수를 실제 사용 변수를 실제 SCSS에 적용시 예시는 다음과 같다. body{ font-size: #{$large-font}; color: #{$main-color}; } 2. Mixins 2-1. 믹스인 사용 방법 믹스인은 CSS를 여러개 묶어 재사용을 할 수 있는 모듈을 만들어 주는..

Front-End/CSS 2021. 10. 30. 10:00

이전 1 다음