언어
Sass/SCSS 빠른 참조
Sass/SCSS 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다
미리보기
이 치트시트에 포함된 내용
- 문법
- 변수
- 중첩
- 믹스인
- 함수
- 확장
- 부분 파일 및 가져오기
- 제어 흐름
- 맵 및 리스트
- 일반 패턴
SCSS vs Sass
// SCSS (superset of CSS — uses braces)
.nav { display: flex; }
// Sass (indented — no braces or semicolons)
.nav
display: flex
SCSS가 가장 널리 사용되는 문법
비교
SCSS (.scss) | CSS 호환, 중괄호 및 세미콜론 |
Sass (.sass) | 들여쓰기 기반, 중괄호 없음 |
출력 | 둘 다 표준 CSS로 컴파일 |
권장 | SCSS (더 널리 채택, 마이그레이션 쉬움) |
모든 섹션이 포함된 인쇄용 치트시트 다운로드
PDF 다운로드다운로드
