Merge pull request #147 from picturepan2/feature/bars v0.2.3

Feature/bars

1 files changed, 94 insertions, 0 deletions

diff --git a/docs/css/spectre-exp.css b/docs/css/spectre-exp.css
new file mode 100644
index 0000000..342c224
--- /dev/null
+++ b/docs/css/spectre-exp.css
@@ -0,0 +1,94 @@
+/*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */
+.progress {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  border: 0;
+  color: #5764c6;
+  height: .4rem;
+  width: 100%;
+}
+.progress::-webkit-progress-bar {
+  background: #efefef;
+  border-radius: .2rem;
+}
+.progress::-webkit-progress-value {
+  background: #5764c6;
+  border-radius: .2rem;
+}
+.progress::-moz-progress-bar {
+  background: #5764c6;
+  border-radius: .2rem;
+}
+.slider {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: transparent;
+  display: block;
+  height: 2.4rem;
+  width: 100%;
+}
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background: #5764c6;
+  border-radius: 50%;
+  height: 1.4rem;
+  margin-top: -.5rem;
+  transition: transform .2s ease, -webkit-transform .2s ease;
+  transition: transform .2s ease;
+  transition: -webkit-transform .2s ease;
+  width: 1.4rem;
+}
+.slider::-moz-range-thumb {
+  background: #5764c6;
+  border: 0;
+  border-radius: 50%;
+  height: 1.4rem;
+  transition: transform .2s ease, -webkit-transform .2s ease;
+  transition: transform .2s ease;
+  transition: -webkit-transform .2s ease;
+  width: 1.4rem;
+}
+.slider::-ms-thumb {
+  background: #5764c6;
+  border: 0;
+  border-radius: 50%;
+  height: 1.4rem;
+  transition: transform .2s ease, -webkit-transform .2s ease;
+  transition: transform .2s ease;
+  transition: -webkit-transform .2s ease;
+  width: 1.4rem;
+}
+.slider:active::-webkit-slider-thumb {
+  -webkit-transform: scale(1.25);
+  transform: scale(1.25);
+}
+.slider:active::-moz-range-thumb {
+  transform: scale(1.25);
+}
+.slider:active::-ms-thumb {
+  -ms-transform: scale(1.25);
+  transform: scale(1.25);
+}
+.slider::-webkit-slider-runnable-track {
+  background: #efefef;
+  border-radius: .2rem;
+  height: .4rem;
+  width: 100%;
+}
+.slider::-moz-range-track {
+  background: #efefef;
+  border-radius: .2rem;
+  height: .4rem;
+  width: 100%;
+}
+.slider::-ms-track {
+  background: #efefef;
+  border-radius: .2rem;
+  height: .4rem;
+  width: 100%;
+}
+.slider::-ms-fill-lower {
+  background: #5764c6;
+}
\ No newline at end of file