SCSS / @each 반복문으로 태그 쉽게 만드는 방법, CSS Flex를 이용해서 태그 리스트까지 만들어봅시다 ( 태그 정렬, 줄넘김 한방에 해결하기! )
SCSS @each (반복문)텍스트를 태그로 만들어 사용하기줄넘김 처리 설정 flex-wrap기본형줄바꿈 - 범위가 넘어갈경우 아래로줄바꿈 - 역순flex-wrap: nowrap;flex-wrap: wrap;flex-wrap: wrap-reverse;넘치면 오른족으로 쭈욱 연결됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 되지만, 역순 즉 아래쪽에더 많은 컨텐츠를 배치하게 됩니다. _mixin.scss// 텍스트 태그 만들기// @each $각각 정의된 변수값 in $정의된 변수 데이터 그룹 // 클래스명, 모서리라운드사이즈, 좌우여백, 상하여백, 폰트크기, 행간높이, 폰트두께, 폰트색, 선색, 배경색@each $cla..
2024. 10. 26.
