목록mixin (1)

Posis

[SASS/SCSS] Mixin(재활용) 활용하기

SCSS는 프로그래밍 요소를 섞은 CSS이므로 다양한 문법이 존재합니다. 오늘은 그중 하나인 Mixin에 대해서 알아보겠습니다. 변수는 하나의 값만 넣어서 저장하지만 Mixin은 내가 원하는 스타일 여러 가지를 한 번에 저장할 수 있습니다. 기본 이처럼 mixin을 함수처럼 작성하고 스타일에 적용시킬 때는 @include 뒤에 작성한 mixin 이름을 쓰면 됩니다. /* CSS */ .box { position: absolute; left: 50%; top: 50%; translate: -50%, -50%; } 이를 활용해 자주 사용하는 설정들을 많이 작성해둔다면 웹 개발할 때 코드 작성 시간을 단축할 수 있습니다. 파라미터 추가하기 mixin은 프로그래밍 언어의 함수와 흡사하게 생겼습니다. 이말은 즉슨..
HTML, CSS/Sass(Scss) 2021. 9. 3. 19:25
이전 Prev 1 Next 다음