1 module uim.bootstrap.bs4.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 }