팁

mixin vs extend

클래스명을 변수에 넣어서 쓸때

기본

변수

$bg: #FFFFFF;

calc에서 쓰려면

calc(100% - #{$body_padding})

import

@import "mymymy";
body {
	boackground: $bg;
}

_로 시작하는 파일

• 컴파일 하지 않겠다는 뜻.
• 즉 SCSS에서만 사용하는 변수를 담는 파일등을 만들때 사용
• _는 뗴도된다.
• https://sass-lang.com/documentation/at-rules/import#partials

Nesting

범위를 한정해서 적용할 때 좀 더 명확하게 해줌

.box {
	&:hover {
		...
	}
	h1 {
		...
		&:hover {
			...
		}
	}
}

Mixins