
@mixin 은 Sass 언어 전체에서 가장 많이 사용되는 기능 중 하나이며, 재사용성과 DRY(반복을 하지 마라) 컴포넌트의 핵심이다. 버튼, 아이콘 등을 Class로 만들어 놓고 필요한 태그 스타일링에 따라 클래스를 추가로 넣어주는 경우가 있었는데 @mixin 을 사용하면 이러한 부분들을 손쉽게 반복적인 작업을 할 수 있다. mixin 을 선언할 때는 @mixin 지시자를 사용하며, 적용 시 @include 지시자를 사용한다. 선언 및 적용 Sass // 버튼 스타일링 // @mixin 선언 @mixin button { border-color: #eaeaea; border-width: 1px; cursor: pointer; padding: 0.75em 1em; height: 50px; text-ali..
신나는 언어공부/CSS, Sass
2019. 8. 8. 22:21
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
TAG
- class component
- 클래스형 컴포넌트
- window
- Angular
- JavaScript
- Prototype
- HTML
- 함수 컴포넌트
- Es5
- react
- useState
- ES6
- array
- const
- scope
- useEffect
- github
- 웹사이트
- NestJS
- 클래스 컴포넌트
- TypeScript
- Function Component
- virtual dom
- website
- 리엑트
- this
- Let
- 깃헙
- 가상돔
- string
최근에 올라온 글
- Total
- Today
- Yesterday