#9738 [Advancement] Prototype/sepration from core - Flexbox enabled & prototype enabled

prototype-flex.css

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.clearfix::after {
  clear: both; }

@media print, screen and (min-width: 40em) {
  .medium-float-left {
    float: left !important; }
  .medium-float-right {
    float: right !important; }
  .medium-float-center {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  .medium-clearfix::before, .medium-clearfix::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .medium-clearfix::after {
    clear: both; } }

@media print, screen and (min-width: 64em) {
  .large-float-left {
    float: left !important; }
  .large-float-right {
    float: right !important; }
  .large-float-center {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  .large-clearfix::before, .large-clearfix::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-clearfix::after {
    clear: both; } }

.display-none {
  display: none !important; }

.display-inline {
  display: inline !important; }

.display-inline-block {
  display: inline-block !important; }

.display-block {
  display: block !important; }

.display-table {
  display: table !important; }

.display-table-cell {
  display: table-cell !important; }

.display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.display-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media print, screen and (min-width: 40em) {
  .medium-display-none {
    display: none !important; }
  .medium-display-inline {
    display: inline !important; }
  .medium-display-inline-block {
    display: inline-block !important; }
  .medium-display-block {
    display: block !important; }
  .medium-display-table {
    display: table !important; }
  .medium-display-table-cell {
    display: table-cell !important; }
  .medium-display-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .medium-display-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print, screen and (min-width: 64em) {
  .large-display-none {
    display: none !important; }
  .large-display-inline {
    display: inline !important; }
  .large-display-inline-block {
    display: inline-block !important; }
  .large-display-block {
    display: block !important; }
  .large-display-table {
    display: table !important; }
  .large-display-table-cell {
    display: table-cell !important; }
  .large-display-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .large-display-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-nowrap {
  white-space: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .medium-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .medium-text-nowrap {
    white-space: nowrap; } }

@media print, screen and (min-width: 64em) {
  .large-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .large-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .large-text-nowrap {
    white-space: nowrap; } }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

@media print, screen and (min-width: 40em) {
  .medium-text-lowercase {
    text-transform: lowercase; }
  .medium-text-uppercase {
    text-transform: uppercase; }
  .medium-text-capitalize {
    text-transform: capitalize; } }

@media print, screen and (min-width: 64em) {
  .large-text-lowercase {
    text-transform: lowercase; }
  .large-text-uppercase {
    text-transform: uppercase; }
  .large-text-capitalize {
    text-transform: capitalize; } }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }