Photon Sliders

HTML

<link rel="stylesheet" href="https://github.com/MauriceConrad/PhotonKit-Components/blob/master/Photon-Components/slider/dist/range.css">
<link rel="stylesheet" href="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/slider/dist/range.css">
<script src="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/slider/dist/range.js"></script>
<input type="range" class="slider slider-square" />
<br />
<input type="range" class="slider slider-round" />

<br /><br />

<input type="range" class="slider slider-round blue" />
<br />
<input type="range" class="slider slider-round gray" />

<br /><br/>
<input type="range" class="slider slider-round slider-small" />
<br />
<input type="range" class="slider slider-round slider-bold" />

<br /><br />

<input type="range" class="slider slider-square" />
<br /><br />
<input type="range" class="slider slider-square-inverted" />

<br /><br />

<input type="range" class="slider slider-round slider-vertical" />

CSS

body {
  padding: 15px 0px 0px 25px;
}