Daehyunii's Dev-blog

재활용 1. @mixin 규칙 재활용할 스타일을 정의할 수 있다. 마치 함수처럼 선언하는 방법이다. @include 규칙을 사용하여 원하는 곳에 스타일을 적용할 수 있다. @mixin large-text($size: 30px) { font-size: $size; } .box { @include large-text(40px); } 매개 변수를 사용하지 않고 mixin을 사용하는 곳도 있기 때문에 매개변수의 초기값을 꼭 설정해주어야 한다. 매개 변수에 …을 붙이면 가변 인수라는 의미가 된다. @mixin bg($w, $h, $b...) { width: $w, height: $h, background: $b } .box { @include ( 100px, 200px, url('/images/a.png') no..

Sass(SCSS)란? CSS 전처리 도구(Preprocessor)이다. SCSS는 중괄호와 세미콜론이 사용되고, Sass는 중괄호와 세미콜론이 사용되지 않는다. 이것이 가장 큰 차이점이다. SCSS에서는 CSS에서 사용하는 문법 그대로 사용해도 호환되기 때문에, Sass보다는 SCSS를 사용하는 것을 적극 권장한다. SassMeister | The Sass Playground! SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com SCSS를 CSS로 컴파일해주는 사이트 1. 중첩기능 SCSS .container { d..