﻿#flexbox-mixin-tests .display-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#flexbox-mixin-tests .display-inline-flex {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#flexbox-mixin-tests .align-content-stretch {
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
#flexbox-mixin-tests .align-content-flex-start {
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
#flexbox-mixin-tests .align-content-flex-end {
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
#flexbox-mixin-tests .align-content-center {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
#flexbox-mixin-tests .align-content-space-between {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between;
}
#flexbox-mixin-tests .align-content-space-around {
  -ms-flex-line-pack: distribute;
  -webkit-align-content: space-around;
  align-content: space-around;
}
#flexbox-mixin-tests .align-items-stretch {
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#flexbox-mixin-tests .align-items-flex-start {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#flexbox-mixin-tests .align-items-flex-end {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
#flexbox-mixin-tests .align-items-center {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#flexbox-mixin-tests .align-items-baseline {
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
#flexbox-mixin-tests .align-self-auto {
  -ms-flex-item-align: auto;
  -webkit-align-self: auto;
  align-self: auto;
}
#flexbox-mixin-tests .align-self-flex-start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
#flexbox-mixin-tests .align-self-flex-end {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
#flexbox-mixin-tests .align-self-center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
#flexbox-mixin-tests .align-self-baseline {
  -ms-flex-item-align: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}
#flexbox-mixin-tests .align-self-stretch {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
#flexbox-mixin-tests .justify-content-flex-start {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#flexbox-mixin-tests .justify-content-flex-end {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#flexbox-mixin-tests .justify-content-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#flexbox-mixin-tests .justify-content-space-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#flexbox-mixin-tests .justify-content-space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#flexbox-mixin-tests .flex-wrap-nowrap {
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#flexbox-mixin-tests .flex-wrap-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#flexbox-mixin-tests .flex-wrap-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
#flexbox-mixin-tests .flex-direction-row {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
#flexbox-mixin-tests .flex-direction-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#flexbox-mixin-tests .flex-direction-column {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#flexbox-mixin-tests .flex-direction-column-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#flexbox-mixin-tests .flex-flow-row-nowrap {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#flexbox-mixin-tests .flex-flow-row-reverse-nowrap {
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#flexbox-mixin-tests .flex-flow-column-nowrap {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#flexbox-mixin-tests .flex-flow-column-reverse-nowrap {
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#flexbox-mixin-tests .flex-flow-row-wrap {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#flexbox-mixin-tests .flex-flow-row-wrap-reverse {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
#flexbox-mixin-tests .order-8 {
  -ms-flex-order: 8;
  flex-order: 8;
  -webkit-order: 8;
  order: 8;
}
#flexbox-mixin-tests .flex-grow-8 {
  -ms-flex: 8 1 auto;
  -webkit-flex: 8 1 auto;
  flex: 8 1 auto;
}
#flexbox-mixin-tests .flex-shrink-4 {
  -ms-flex: 0 4 auto;
  -webkit-flex: 0 4 auto;
  flex: 0 4 auto;
}
#flexbox-mixin-tests .flex-basis-2px {
  -ms-flex: 0 1 2px;
  -webkit-flex: 0 1 2px;
  flex: 0 1 2px;
}
#flexbox-mixin-tests .flex-2-3-4px {
  -ms-flex: 2 3 4px;
  -webkit-flex: 2 3 4px;
  flex: 2 3 4px;
}
#flexbox-mixin-tests .flex-none {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
