summaryrefslogtreecommitdiff
path: root/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass
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/sass/skins/_skin-css.sass
parent676270d21beed31d767a06c89522198c77d5d865 (diff)
mega changes, including updates and X
Diffstat (limited to 'www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass')
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass110
1 files changed, 110 insertions, 0 deletions
diff --git a/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass
new file mode 100644
index 00000000..887d1f99
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass
@@ -0,0 +1,110 @@
+$skin-gray: #777575
+$skin-gray-2: #615959
+
+// Main slider custom overrided js css rules
+
+.sliderCSS
+ div.jslider-bg
+ i
+ &.left
+ left: 0
+ width: 50%
+ background-color: $color-skin-background
+ background-image: none
+
+ &.right
+ width: 50%
+ left: 50%
+ background-color: $color-skin-background
+ background-image: none
+
+ &.before
+ left: 0
+ width: 1px
+ background-color: $color-skin-css-pointers-before-value
+ background-image: none
+
+ &.default
+ left: 0
+ width: 1px
+ z-index: 1
+ background-color: $color-skin-css-pointers-default-value
+ background-image: none
+
+ &.after
+ left: 0
+ background-color: $color-skin-css-pointers-after-value
+ background-image: none
+
+ &.range
+ +position(absolute, 0 null 20% null)
+ +size(60% 5px)
+ background-image: none
+ background-color: $skin-gray
+ z-index: 1
+
+ div.jslider-pointer
+ top: -3px
+ left: 15px
+ +size(10px)
+ background-color: silver
+ background-color: $skin-gray-2
+ border-radius: 50%
+
+ div.jslider-bg i, div.jslider-pointer
+ background: none
+
+ // vertical
+ &.vertical
+ td {
+ height: 100%;
+ }
+ div.jslider-bg
+ i
+ left: 50%
+ width: 5px
+
+ &.left
+ top: 0
+ height: 50%
+ background-color: $color-skin-background
+ background-image: none
+
+ &.right
+ height: 50%
+ top: 50%
+ background-color: $color-skin-background
+ background-image: none
+
+ &.range
+ height: 100%
+ z-index: 1
+ background-color: $skin-gray
+ background-image: none
+
+ &.before
+ background-color: $color-skin-css-pointers-before-value
+ background-image: none
+
+ &.default
+ height: 1px
+ background-color: $color-skin-css-pointers-default-value
+ background-image: none
+ z-index: 2
+
+ &.after
+ background-color: $color-skin-css-pointers-after-value
+ background-image: none
+
+ div.jslider-bg i, div.jslider-pointer
+ background: none
+
+ div.jslider-pointer
+ left: 50%
+ +size(10px)
+ background-color: $skin-gray-2
+ border-radius: 50%
+ margin-left: -3px
+
+ &.jslider-pointer-to
+ left: 50%