flex.css

flex.css

.xs-flex {
  display: flex                                   !important; }

.xs-flex-order-1 {
  order: 1                               !important; }

.xs-flex-order-2 {
  order: 2                               !important; }

.xs-flex-order-3 {
  order: 3                               !important; }

.xs-flex-grow-1 {
  flex-grow: 1                           !important; }

.xs-flex-grow-2 {
  flex-grow: 2                           !important; }

.xs-flex-grow-3 {
  flex-grow: 3                           !important; }

.xs-flex-shrink-0 {
  flex-shrink: 0                        !important; }

.xs-flex-shrink-1 {
  flex-shrink: 1                        !important; }

.xs-flex-row {
  flex-direction: row             !important; }

.xs-flex-row-reverse {
  flex-direction: row-reverse     !important; }

.xs-flex-column {
  flex-direction: column          !important; }

.xs-flex-column-reverse {
  flex-direction: column-reverse  !important; }

.xs-flex-wrap {
  flex-wrap: wrap                         !important; }

.xs-flex-nowrap {
  flex-wrap: nowrap                       !important; }

.xs-flex-justify-start {
  justify-content: flex-start     !important; }

.xs-flex-justify-end {
  justify-content: flex-end       !important; }

.xs-flex-justify-center {
  justify-content: center         !important; }

.xs-flex-justify-space-around {
  justify-content: space-around   !important; }

.xs-flex-justify-space-between {
  justify-content: space-between  !important; }

.xs-flex-align-start {
  align-items: flex-start         !important; }

.xs-flex-align-end {
  align-items: flex-end           !important; }

.xs-flex-align-center {
  align-items: center             !important; }

.xs-flex-align-baseline {
  align-items: baseline           !important; }

.xs-flex-align-space-around {
  align-items: space-around     !important; }

.xs-flex-align-space-between {
  align-items: space-between    !important; }

@media (min-width: 40rem) {
  .sm-flex {
    display: flex                                   !important; }
  .sm-flex-order-1 {
    order: 1                               !important; }
  .sm-flex-order-2 {
    order: 2                               !important; }
  .sm-flex-order-3 {
    order: 3                               !important; }
  .sm-flex-grow-1 {
    flex-grow: 1                           !important; }
  .sm-flex-grow-2 {
    flex-grow: 2                           !important; }
  .sm-flex-grow-3 {
    flex-grow: 3                           !important; }
  .sm-flex-shrink-0 {
    flex-shrink: 0                        !important; }
  .sm-flex-shrink-1 {
    flex-shrink: 1                        !important; }
  .sm-flex-row {
    flex-direction: row             !important; }
  .sm-flex-row-reverse {
    flex-direction: row-reverse     !important; }
  .sm-flex-column {
    flex-direction: column          !important; }
  .sm-flex-column-reverse {
    flex-direction: column-reverse  !important; }
  .sm-flex-wrap {
    flex-wrap: wrap                         !important; }
  .sm-flex-nowrap {
    flex-wrap: nowrap                       !important; }
  .sm-flex-justify-start {
    justify-content: flex-start     !important; }
  .sm-flex-justify-end {
    justify-content: flex-end       !important; }
  .sm-flex-justify-center {
    justify-content: center         !important; }
  .sm-flex-justify-space-around {
    justify-content: space-around   !important; }
  .sm-flex-justify-space-between {
    justify-content: space-between  !important; }
  .sm-flex-align-start {
    align-items: flex-start         !important; }
  .sm-flex-align-end {
    align-items: flex-end           !important; }
  .sm-flex-align-center {
    align-items: center             !important; }
  .sm-flex-align-baseline {
    align-items: baseline           !important; }
  .sm-flex-align-space-around {
    align-items: space-around     !important; }
  .sm-flex-align-space-between {
    align-items: space-between    !important; } }

@media (min-width: 52rem) {
  .md-flex {
    display: flex                                   !important; }
  .md-flex-order-1 {
    order: 1                               !important; }
  .md-flex-order-2 {
    order: 2                               !important; }
  .md-flex-order-3 {
    order: 3                               !important; }
  .md-flex-grow-1 {
    flex-grow: 1                           !important; }
  .md-flex-grow-2 {
    flex-grow: 2                           !important; }
  .md-flex-grow-3 {
    flex-grow: 3                           !important; }
  .md-flex-shrink-0 {
    flex-shrink: 0                        !important; }
  .md-flex-shrink-1 {
    flex-shrink: 1                        !important; }
  .md-flex-row {
    flex-direction: row             !important; }
  .md-flex-row-reverse {
    flex-direction: row-reverse     !important; }
  .md-flex-column {
    flex-direction: column          !important; }
  .md-flex-column-reverse {
    flex-direction: column-reverse  !important; }
  .md-flex-wrap {
    flex-wrap: wrap                         !important; }
  .md-flex-nowrap {
    flex-wrap: nowrap                       !important; }
  .md-flex-justify-start {
    justify-content: flex-start     !important; }
  .md-flex-justify-end {
    justify-content: flex-end       !important; }
  .md-flex-justify-center {
    justify-content: center         !important; }
  .md-flex-justify-space-around {
    justify-content: space-around   !important; }
  .md-flex-justify-space-between {
    justify-content: space-between  !important; }
  .md-flex-align-start {
    align-items: flex-start         !important; }
  .md-flex-align-end {
    align-items: flex-end           !important; }
  .md-flex-align-center {
    align-items: center             !important; }
  .md-flex-align-baseline {
    align-items: baseline           !important; }
  .md-flex-align-space-around {
    align-items: space-around     !important; }
  .md-flex-align-space-between {
    align-items: space-between    !important; } }

@media (min-width: 64rem) {
  .lg-flex {
    display: flex                                   !important; }
  .lg-flex-order-1 {
    order: 1                               !important; }
  .lg-flex-order-2 {
    order: 2                               !important; }
  .lg-flex-order-3 {
    order: 3                               !important; }
  .lg-flex-grow-1 {
    flex-grow: 1                           !important; }
  .lg-flex-grow-2 {
    flex-grow: 2                           !important; }
  .lg-flex-grow-3 {
    flex-grow: 3                           !important; }
  .lg-flex-shrink-0 {
    flex-shrink: 0                        !important; }
  .lg-flex-shrink-1 {
    flex-shrink: 1                        !important; }
  .lg-flex-row {
    flex-direction: row             !important; }
  .lg-flex-row-reverse {
    flex-direction: row-reverse     !important; }
  .lg-flex-column {
    flex-direction: column          !important; }
  .lg-flex-column-reverse {
    flex-direction: column-reverse  !important; }
  .lg-flex-wrap {
    flex-wrap: wrap                         !important; }
  .lg-flex-nowrap {
    flex-wrap: nowrap                       !important; }
  .lg-flex-justify-start {
    justify-content: flex-start     !important; }
  .lg-flex-justify-end {
    justify-content: flex-end       !important; }
  .lg-flex-justify-center {
    justify-content: center         !important; }
  .lg-flex-justify-space-around {
    justify-content: space-around   !important; }
  .lg-flex-justify-space-between {
    justify-content: space-between  !important; }
  .lg-flex-align-start {
    align-items: flex-start         !important; }
  .lg-flex-align-end {
    align-items: flex-end           !important; }
  .lg-flex-align-center {
    align-items: center             !important; }
  .lg-flex-align-baseline {
    align-items: baseline           !important; }
  .lg-flex-align-space-around {
    align-items: space-around     !important; }
  .lg-flex-align-space-between {
    align-items: space-between    !important; } }