Skip to content

ivoilic/react-slick-styles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

react-slick-styles

npm npm

Styles for the react-slick carousel component

What is this?

This package is designed to supplement react-slick with the css, less, and scss files from the original slick carousel. It includes both the base styles and theme styles.

Files

Base Styles:

  • slick/slick.css
  • slick/slick.less
  • slick/slick.scss

Theme Styles:

  • slick/slick-theme.css
  • slick/slick-theme.less
  • slick/slick-theme.scss

Sass Variables

Variable Type Default Description
$slick-font-path string "./fonts/" Directory path for the slick icon font
$slick-font-family string "slick" Font-family for slick icon font
$slick-loader-path string "./" Directory path for the loader image
$slick-arrow-color color white Color of the left/right arrow icons
$slick-dot-color color black Color of the navigation dots
$slick-dot-color-active color $slick-dot-color Color of the active navigation dot
$slick-prev-character string '\2190' Unicode character code for the previous arrow icon
$slick-next-character string '\2192' Unicode character code for the next arrow icon
$slick-dot-character string '\2022' Unicode character code for the navigation dot icon
$slick-dot-size pixels 6px Size of the navigation dots

License

Copyright (c) 2019 Ivo Ilić

Copyright (c) 2017 Ken Wheeler

Licensed under the MIT license.

Releases

No releases published

Packages

No packages published

Languages