White-Space Utilities

.white-space-normal { white-space: normal }
.white-space-pre { white-space: pre }
.white-space-pre-wrap { white-space: pre-wrap }
.white-space-nowrap { white-space: nowrap }

@media screen and (min-width:  576px) {
  .sm:white-space-normal { white-space: normal }
  .sm:white-space-pre { white-space: pre }
  .sm:white-space-pre-wrap { white-space: pre-wrap }
  .sm:white-space-nowrap { white-space: nowrap }
}

@media screen and (min-width:  768px) {
  .md:white-space-normal { white-space: normal }
  .md:white-space-pre { white-space: pre }
  .md:white-space-pre-wrap { white-space: pre-wrap }
  .md:white-space-nowrap { white-space: nowrap }
}

@media screen and (min-width:  992px) {
  .lg:white-space-normal { white-space: normal }
  .lg:white-space-pre { white-space: pre }
  .lg:white-space-pre-wrap { white-space: pre-wrap }
  .lg:white-space-nowrap { white-space: nowrap }
}

@media screen and (min-width:  1200px) {
  .xl:white-space-normal { white-space: normal }
  .xl:white-space-pre { white-space: pre }
  .xl:white-space-pre-wrap { white-space: pre-wrap }
  .xl:white-space-nowrap { white-space: nowrap }
}