Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- layout
- js
- 인라인
- SASS
- 프로그래머스
- ::before
- TAG
- 프로그래머스 코딩테스트
- input
- VSCODE단축키
- css
- @mixin
- carousel slider
- 자바스크립트
- 알고리즘
- vscode
- 코딩테스트
- javascript
- object
- 전개연산자
- HTML
- scss
- inline
- 인라인블록
- Em
- 문자열
- float
- string
- html 태그
- 합계 알고리즘
Archives
- Today
- Total
목록@use (1)
Outputor
SASS 문법 - @mixin, @use와 언더바( _ )
@mixin 1. 스타일 여러줄을 한 단어로 치환해서 사용가능함 2. 형태: @mixin 이름 ( ){ 스타일 } 3. @mixin을 사용하려면 @include 이름( )을 작성해주면 됨 4. @mixin 이름 ( $bgColor ) { background-color: $bgColor } 이렇게 함수처럼 사용가능함 @mixin box-style ($bgColor) { width: 150px; height: 100px; margin:auto; margin-top: 20px; background-color: $bgColor; } .box { @include box-style(blue); } 5. @mixin 이름 ( $bg ) { #{bg}: blue } 처럼 스타일 이름에도 사용가능함 @mixin box-..
🎨 CSS 🔻/🦚 SASS-Note
2022. 1. 14. 12:46