Sass 공식 문서
1.1. Sass - 문법
sass는 두가지 문법을 지원합니다.각각 다른 하나를 로드할 수 있으므로 무엇을 고를지는 여러분의 선택에 달려 있습니다.scss 문법은 .scss 파일 확장자를 사용합니다. 몇 가지 예외를 제외하고, scss는 css의 상위 집합이며, 이것은 본질적으로 모든 유효한 c
2.2. Sass - 스타일 규칙
스타일 규칙은 CSS와 마찬가지로 Sass의 기초입니다. 그리고 동일한 방법으로 동작합니다: 선택자로 스타일을 지정할 요소를 선택하고 해당 요소의 모양에 영향을 미치는 속성을 선언합니다.하지만 Sass는 당신의 삶을 더 편하게 만들고 싶어합니다. 동일한 선택자를 반복하
3.3. Sass - 변수
Sass 변수는 간단합니다. $로 시작하는 이름에 값을 할당하면 값 자체 대신 해당 이름을 참조할 수 있습니다. 그러나 단순함에도 불구하고 Sass가 테이블에 제공하는 가장 유용한 도구 중 하나입니다. 변수를 사용하면 반복을 줄이고 복잡한 수학을 수행하고 라이브러리를
4.4. Sass - 보간
보간은 SassScript 표현식(https://sass-lang.com/documentation/syntax/structure스타일 규칙의 선택자(https://sass-lang.com/documentation/style-rules- 선언의 속성 이
5.5. Sass -At-rules (@-규칙) @use, @forward, @import
Sass의 추가 기능의 대부분은 CSS 위에 추가되는 새로운 at-rule의 형태로 제공된다.@use 는 다른 Sass 스타일시트의 믹스인, 함수 및 변수를 로드하고 여러 스타일시트의 CSS를 함께 결합합니다.@forward는 Sass 스타일시트를 로드하고 스타일시트가
6.5. Sass -At-rules (@-규칙) @mixin 과 @include
믹스인을 사용하면 스타일시트 전체에서 재사용할 수 있는 스타일을 정의할 수 있습니다. .float-left와 같은 비의미적 클래스를 사용하지 않고 라이브러리에서 스타일 컬렉션을 배포하는 것을 쉽게 합니다.믹스인은 @mixin <이름> { ... } 또는 @mixi