diff --git a/documentation/download.php b/documentation/download.php index e15a010f..e328eec7 100644 --- a/documentation/download.php +++ b/documentation/download.php @@ -11,7 +11,7 @@

noUiSlider is open source, and you can use it for free in any personal or commercial product. No attribution required. Both the uncompressed and compressed version of noUiSlider are available in a .zip release, which is hosted by Github and available over https.

- Download noUiSlider from Github + Download noUiSlider from Github
diff --git a/documentation/more.php b/documentation/more.php index 6fcd148c..8f2c0e5c 100644 --- a/documentation/more.php +++ b/documentation/more.php @@ -128,6 +128,8 @@

Styling noUiSlider is easy. The default stylesheet contains helpful comments to get a head start. I strongly recommend using the default stylesheet as a starting point when re-styling noUiSlider.

+

If your styling system doesn't match the convention in noUiSlider, you can use the cssPrefix and cssClasses options to reconfigure the markup.

+

Things to watch out for

+
Overriding classes
+ +
+
+
+
Containing handles within the slider bar (horizontal)
diff --git a/documentation/more/classes.js b/documentation/more/classes.js new file mode 100644 index 00000000..76ab89a8 --- /dev/null +++ b/documentation/more/classes.js @@ -0,0 +1,13 @@ +noUiSlider.create(slider, { + start: 80, + range: { + min: 0, + max: 100 + }, + cssPrefix: 'noUi-', // defaults to 'noUi-', + cssClasses: { + // Full list of classnames to override. Does NOT extend the default classes. + // Have a look at the source for the full, current list: + // https://github.com/leongersen/noUiSlider/blob/master/src/js/options.js#L316 + } +});