scss bxslider-FOUC-prevention.scss

Posted 2021-05-18

.bxslider {

  // 
  // bxSlider FOUC prevention
  // 
  // Hides the carousel items and displays the first one
  // on initial load. bxSlider overrides the display of
  // the carousel items once it is loaded.
  //  
  // Reference: http://stackoverflow.com/a/19304079/415436
  //
  > * {
    display: none;

    &:first-child {
      display: block;
    }
  }
}