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
|
$justify-arr:(
start :flex-start,
center :center,
end :flex-end,
between :space-between,
around :space-around,
evenly :space-evenly,
);
$align-arr:(
start :flex-start,
center :center,
end :flex-end,
);
.flex{
@each $justifyKey,$justifyValue in $justify-arr{
@each $alignKey,$alignValue in $align-arr{
&-#{$justifyKey}-#{$alignKey}{
justify-content: #{$justifyValue}; align-items: #{$alignValue}
}
}
};
}; |
cs |
'css' 카테고리의 다른 글
[scss]hex코드 rgb값으로 변경하기 (헥스코드, 변경, rgb) (0) | 2024.11.18 |
---|---|
[css]ios에서 table-layoout : fixed 안 먹힐때 (0) | 2024.11.14 |
[scss]vscode live sass compiler 저장 위치 변경 / map 안 만들기 (0) | 2024.08.09 |
[scss]배열, if문 축약형, 부트스트랩처럼 미디어쿼리 작성하기 (0) | 2024.08.01 |
[css]animation 깜빡이는 효과 (깜빡임) (0) | 2024.07.22 |