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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
@use '../../sass-utilities' as *;
// stylelint-disable
// Flex direction options
$pf-v6-u-flex-direction-options: (
flex-direction-column: (flex-direction column),
flex-direction-column-reverse: (flex-direction column-reverse),
flex-direction-row: (flex-direction row),
flex-direction-row-reverse: (flex-direction row-reverse)
);
@include pf-v6-utility-builder($pf-v6-u-flex-direction-options, $pf-v6-global--breakpoint-list);
// Flex wrap options
$pf-v6-u-flex-wrap-options: (
flex-wrap: (flex-wrap wrap),
flex-nowrap: (flex-wrap nowrap),
flex-wrap-reverse: (flex-wrap wrap-reverse)
);
@include pf-v6-utility-builder($pf-v6-u-flex-wrap-options, $pf-v6-global--breakpoint-list);
// Align item options
$pf-v6-u-align-items-options: (
align-items-flex-start: (align-items flex-start),
align-items-flex-end: (align-items flex-end),
align-items-center: (align-items center),
align-items-baseline: (align-items baseline),
align-items-stretch: (align-items stretch)
);
@include pf-v6-utility-builder($pf-v6-u-align-items-options, $pf-v6-global--breakpoint-list);
// Align self options
$pf-v6-u-align-self-options: (
align-self-flex-start: (align-self flex-start),
align-self-flex-end: (align-self flex-end),
align-self-center: (align-self center),
align-self-baseline: (align-self baseline),
align-self-stretch: (align-self stretch)
);
@include pf-v6-utility-builder($pf-v6-u-align-self-options, $pf-v6-global--breakpoint-list);
// Align content options
$pf-v6-u-align-content-options: (
align-content-flex-start: (align-content flex-start),
align-content-flex-end: (align-content flex-end),
align-content-center: (align-content center),
align-content-space-between: (align-content space-between),
align-content-space-around: (align-content space-around),
align-content-stretch: (align-content stretch)
);
@include pf-v6-utility-builder($pf-v6-u-align-content-options, $pf-v6-global--breakpoint-list);
// Justify content options
$pf-v6-u-justify-content-options: (
justify-content-flex-start: (justify-content flex-start),
justify-content-flex-end: (justify-content flex-end),
justify-content-center: (justify-content center),
justify-content-space-between: (justify-content space-between),
justify-content-space-around: (justify-content space-around),
justify-content-stretch: (justify-content stretch)
);
@include pf-v6-utility-builder($pf-v6-u-justify-content-options, $pf-v6-global--breakpoint-list);
// Justify content options
$pf-v6-u-flex-shrink-grow-options: (
flex-shrink-1: (flex-shrink 1),
flex-grow-1: (flex-grow 1),
flex-shrink-0: (flex-shrink 0),
flex-grow-0: (flex-grow 0)
);
@include pf-v6-utility-builder($pf-v6-u-flex-shrink-grow-options, $pf-v6-global--breakpoint-list);
// Flex basis options
$pf-v6-u-flex-basis-options: (
flex-basis-0: (flex-basis 0),
flex-basis-auto: (flex-basis auto)
);
@include pf-v6-utility-builder($pf-v6-u-flex-basis-options, $pf-v6-global--breakpoint-list);
// Justify content options
$pf-v6-u-flex-options: (
flex-none: (flex none),
flex-1: (flex 1)
);
@include pf-v6-utility-builder($pf-v6-u-flex-options, $pf-v6-global--breakpoint-list);
// Flex fill
@include pf-v6-utility-builder(flex-fill flex "1 1 auto", $pf-v6-global--breakpoint-list);
// stylelint-enable
|
