/* slider-example */

@import 'css-slider';

// Set configuration options you want to change from default values
// All options are listed here set to their defaults, you can delete
// the ones you do not want to change in your code.
$css-slider-max-slides: 20;
$css-slider-transition-duration: .5s;

.css-slider {
  // Include the basic slider styles
  @include slider-base();

  // Style your container however you need
  margin: 0 5em;
  background-color: #0af;


  // Same for the slides
  &__slide {
    min-height: 300px;
    padding: 1em;
  }

  // Add your paginations. You need at least one or the slider will not work
  @media (max-width: 800px) {
    @include paginate(2);
  }

  // Add as many ulti column configurations as you want
  @media (min-width: 801px) {
    @include paginate(3);
  }
}


/* slider-example */

@import 'css-slider';

// Set configuration options you want to change from default values
// All options are listed here set to their defaults, you can delete
// the ones you do not want to change in your code.
$css-slider-max-slides: 20;
$css-slider-transition-duration: .5s;

.css-slider {
  // Include the basic slider styles
  @include slider-base();

  // Style your container however you need
  margin: 0 5em;

  // Same for the slides
  &__slide {
    min-height: 300px;
    padding: 1em;
    background-color: #0af;

    &:nth-child(2n) {
      background-color: #af0;
    }
  }

  // Add your paginations. You need at least one or the slider will not work
  @media (max-width: 800px) {
    @include paginate(2);
  }

  // Add as many ulti column configurations as you want
  @media (min-width: 801px) {
    @include paginate(3);
  }
}


Change slide colors for odd slides for better visual feedback
example: Change slide colors for odd slides for better visual feedback
