DEVELOPMENT RECORD

  • 홈
  • 태그
  • 방명록

mixin 1

[scss] mixin

mixin : 재활용, 스타일 시트 전체에서 재사용할 css 선언 그룹을 정의하는 기능이다. - @mixin은 재사용할 내용을 선언하는 부분이다. - @include는 @mixin에서 정의된 내용을 삽입, 적용되는 부분이다. - @content는 해당 부분에 원하는 스타일 블록을 전달할 수 있다. 즉, mixin이 가지고 있는 기능에 선택자나 속성을 추가할 수 있다. @mixin 문법 // SCSS문법 @mixin 믹스인이름 { 스타일; } 변수 사용도 가능하다. @mixin size($w, $h){ width: $w; height: $h; } @mixin size($w:100px, $h: 100px) { //디폴트값을 설정하여 값이 없는경우 적용된다. width: $w; height: $h; } @in..

Development/CSS & SCSS 2021.12.21
이전
1
다음
더보기
프로필사진

DEVELOPMENT RECORD

꾸준히 공부하며 기록하는 개발을 위한 블로그 입니다. https://github.com/moretz0921

  • 분류 전체보기 (168)
    • Development (166)
      • Html (15)
      • CSS & SCSS (31)
      • React.js (120)
    • Development Environment (0)

Tag

moment.js, 객체, 라이브러리, 태그정리, npm, HTTP, javascript, react, 제이쿼리, 함수, VUE, 자바스크립트, 리엑트, 퍼블리셔, 타입스크립트, 알고리즘, 프로그래머스, DoM, Git, Level1,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바