.flex { display: flex }

@media (–breakpoint-sm) {

.sm-flex { display: flex }

}

@media (–breakpoint-md) {

.md-flex { display: flex }

}

@media (–breakpoint-lg) {

.lg-flex { display: flex }

}

.flex-column { flex-direction: column } .flex-wrap { flex-wrap: wrap }

.items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .items-stretch { align-items: stretch }

.self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .self-baseline { align-self: baseline } .self-stretch { align-self: stretch }

.justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around }

.content-start { align-content: flex-start } .content-end { align-content: flex-end } .content-center { align-content: center } .content-between { align-content: space-between } .content-around { align-content: space-around } .content-stretch { align-content: stretch }

/* 1. Fix for Chrome 44 bug. code.google.com/p/chromium/issues/detail?id=506893 */ .flex-auto {

flex: 1 1 auto;
min-width: 0; /* 1 */
min-height: 0; /* 1 */

} .flex-none { flex: none }

.order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-last { order: 99999 }

@custom-media –breakpoint-sm (min-width: 40em); @custom-media –breakpoint-md (min-width: 52em); @custom-media –breakpoint-lg (min-width: 64em);