Outputor

더보기 더보기 더보기 HTML 나이키 아디다스 반스 참 잘했어요. 앞으로도 계속 잘부탁합니다 이정도면 괜찮아요. 조금 더 발전하면 좋겠습니다 너무 부족하네요. 이러면 같이 가기 힘들어요 1 of 2 2 of 2 1 of 3 2 of 3 3 of 3 더보기 더보기 더보기 SCSS // LIST @mixin list () { border: 1px solid #e9ecef; padding: 10px 0px 10px 10px; font-size: 20px; } @mixin active () { background-color: #1c7ed6; color: #fff; } ul { list-style: none; margin: 0; padding: 10px; .list { @include list(); } .list..

@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-..