react-slick-styles
Styles for the react-slick carousel component
What is this?
This package is designed to supplement rect-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.cssslick/slick.lessslick/slick.scss
Theme Styles:
slick/slick-theme.cssslick/slick-theme.lessslick/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.