Foundation Utility Float Right Classes for different screen sizes

gistfile1.txt

/* Compiled CSS (with default Foundation breakpoints) - http://stackoverflow.com/questions/30310667/no-right-floating-for-small-state-in-foundation-framework/30319607#30319607 */
@media only screen and (max-width: 40em) {
  .small-only-right {
    float: right !important;
  }
}

@media only screen {
  .small-right {
    float: right !important;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .medium-only-right {
    float: right !important;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-right {
    float: right !important;
  }
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .large-only-right {
    float: right !important;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-right {
    float: right !important;
  }
}

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
  .xlarge-only-right {
    float: right !important;
  }
}

@media only screen and (min-width: 90.0625em) {
  .xlarge-right {
    float: right !important;
  }
}

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
  .xxlarge-only-right {
    float: right !important;
  }
}

@media only screen and (min-width: 120.0625em) {
  .xxlarge-right {
    float: right !important;
  }
}