Sass (2) - 불러오기, 상속, 믹스인
1. Import 스타일을 여러 파일들로 나누고, 다른 파일에서도 불러와 사용하는 기능이다. @import 지시자를 사용하면 특정 .scss 파일을 불러올 수 있다. @import "base.scss"; @import "base2"" //확장자를 붙이지 않아도 된다 partial .sass 파일이나 .scss 파일의 이름을 _ 로 시작하면 css 파일로 컴파일되지 않는다. HTML에서 해당 css 파일을 부를 일이 없고, import만 되는 경우 이 기능을 사용하자. 2. Extend 특정 선택자를 상속할 때, @extend 지시자를 사용한다. 예를 들어, box 클래스의 속성을 상속받고 싶은 success-box라는 클래스가 있다면? .box { border: 1px solid gray; padding..
Programming/Concept
2019. 11. 4. 15:39
