uim.bootstrap.bs5.classes.utilities.flex source code

1 module uim.bootstrap.bs5.classes.utilities.flex;
2 
3 import uim.bootstrap; 
4 
5 T flex(T)(T h5) {
6 	return h5.classes("d-flex");
7 }
8 T flexInline(T)(T h5) {
9 	return h5.classes("d-inline-flex");
10 }
11 T flexRow(T)(T h5) {
12 	return h5.flex.classes("d-flex-column");
13 }
14 T flexRowReverse(T)(T h5) {
15 	return h5.flex.classes("d-flex-column-reverse");
16 }
17 T flexColumn(T)(T h5) {
18 	return h5.flex.classes("d-flex-column");
19 }
20 T flexColumnReverse(T)(T h5) {
21 	return h5.flex.classes("d-flex-column-reverse");
22 }
23 T flexJustify(T)(T h5, string position) {
24 	return h5.flex.classes("justify-content-"~position);
25 }
26 T flexAlign(T)(T h5, string position) {
27 	return h5.flex.classes("align-items-"~position);
28 }
29 T flexAlignSelf(T)(T h5, string position) {
30 	return h5.classes("align-self-"~position);
31 }
32 T flexFill(T)(T h5, string position) {
33 	return h5.classes("flex-fill");
34 }
35 T flexGrow(T)(T h5, string size) {
36 	return h5.classes("flex-grow-"~size);
37 }
38 T flexShrink(T)(T h5, string size) {
39 	return h5.classes("flex-shrink-"~size);
40 }
41 T flexNoWrap(T)(T h5) {
42 	return h5.flex.classes("flex-nowrap");
43 }
44 T flexWrap(T)(T h5) {
45 	return h5.flex.classes("flex-wrap");
46 }
47 T flexWrapReverse(T)(T h5) {
48 	return h5.flex.classes("flex-wrap-reverse");
49 }
50 T flexOrder(T)(T h5, string position) {
51 	return h5.classes("order-"~position);
52 }
53 
54 unittest {
55 	assert(Assert(H5Div.flex, `<div class="d-flex"></div>`));
56 	assert(Assert(H5Div.flexInline, `<div class="d-inline-flex"></div>`));
57 }