summaryrefslogtreecommitdiff
path: root/www/lib/angular-awesome-slider/src/css/scss/vertical
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-21 12:49:18 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-21 12:49:18 -0400
commitb28028ac4082842143b0f528d6bc539da6ccb419 (patch)
tree1e26ea969a781ed8e323fca4e3c76345113fc694 /www/lib/angular-awesome-slider/src/css/scss/vertical
parent676270d21beed31d767a06c89522198c77d5d865 (diff)
mega changes, including updates and X
Diffstat (limited to 'www/lib/angular-awesome-slider/src/css/scss/vertical')
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_labels.scss12
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_main.scss8
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers-value.scss10
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers.scss15
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_ranges.scss48
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_scales.scss18
-rw-r--r--www/lib/angular-awesome-slider/src/css/scss/vertical/_vertical.scss14
7 files changed, 125 insertions, 0 deletions
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_labels.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_labels.scss
new file mode 100644
index 00000000..9feca95a
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_labels.scss
@@ -0,0 +1,12 @@
+.vertical {
+ div.jslider-label {
+ top: -5px;
+ margin-left: 22px;
+ &.jslider-label-to {
+ top: 100%;
+ left: inherit;
+ right: inherit;
+ margin-top: -5px;
+ }
+ }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_main.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_main.scss
new file mode 100644
index 00000000..0267be94
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_main.scss
@@ -0,0 +1,8 @@
+// Vertical Styles
+
+@import "vertical";
+@import "ranges";
+@import "pointers";
+@import "labels";
+@import "pointers-value";
+@import "scales";
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers-value.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers-value.scss
new file mode 100644
index 00000000..3cea3a72
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers-value.scss
@@ -0,0 +1,10 @@
+.vertical {
+ div.jslider-value {
+ top: 0;
+ left: 0;
+ }
+ div.jslider-value-to {
+ top: 80%;
+ left: 0;
+ }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers.scss
new file mode 100644
index 00000000..d5d7ed9c
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_pointers.scss
@@ -0,0 +1,15 @@
+.vertical {
+ div.jslider-pointer {
+ left: 62%;
+ background-position: (-7px) -1px;
+ &.jslider-pointer-hover {
+ background-position: (-7px) -21px;
+ }
+ &.jslider-pointer-to {
+ left: 62%;
+ }
+ &.jslider-pointer-to.jslider-pointer-hover {
+ background-position: (-7px) -21px;
+ }
+ }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_ranges.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_ranges.scss
new file mode 100644
index 00000000..7578ae77
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_ranges.scss
@@ -0,0 +1,48 @@
+.vertical {
+ div.jslider-bg i,
+ .jslider-pointer {
+ background: url("../img/jslider.vertical.png") no-repeat 0 0;
+ }
+ div.jslider-bg {
+ position: relative;
+ height: 100%;
+ i {
+ @include position(absolute, 0 null null null);
+ width: 5px;
+ font-size: 0;
+ &.before {
+ left: 50%;
+ background: none;
+ }
+ &.left {
+ top: 0;
+ left: 50%;
+ height: 50%;
+ background-position: right 0;
+ background-repeat: repeat-y;
+ }
+ &.right {
+ top: 50%;
+ left: 50%;
+ height: 50%;
+ background-position: right 0;
+ background-repeat: repeat-y;
+ }
+ &.range {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ @include size(60% 100%);
+ z-index: 1;
+ background-repeat: repeat-y;
+ background-position: (-36px) 0px;
+ }
+ &.default {
+ left: 50%;
+ @include size(5px 1px);
+ z-index: 1;
+ background-color: $color-pointers-default-value;
+ }
+ }
+ }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_scales.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_scales.scss
new file mode 100644
index 00000000..c89e60bb
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_scales.scss
@@ -0,0 +1,18 @@
+.vertical {
+ div.jslider-scale {
+ position: inherit;
+ span {
+ position: absolute;
+ @include size(5px 1px);
+ border-left: none;
+ font-size: 0;
+ border-top: 1px solid #999;
+ }
+ ins {
+ @include position(absolute, 5px null 0 null);
+ font-size: 9px;
+ text-decoration: none;
+ color: $color-scale;
+ }
+ }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/vertical/_vertical.scss b/www/lib/angular-awesome-slider/src/css/scss/vertical/_vertical.scss
new file mode 100644
index 00000000..64b67040
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/vertical/_vertical.scss
@@ -0,0 +1,14 @@
+.vertical {
+ @include position(relative, 0.6em null null null);
+ display: block;
+ @include size(17px 100%);
+ font-family: Arial, sans-serif;
+ table {
+ height: 100%;
+ }
+ &.sliderCSS .jslider-bg i,
+ &.jslider-pointer {
+ background-color: silver;
+ background-image: none;
+ }
+}