summaryrefslogtreecommitdiff
path: root/www/lib/angular-awesome-slider/src/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
parent676270d21beed31d767a06c89522198c77d5d865 (diff)
mega changes, including updates and X
Diffstat (limited to 'www/lib/angular-awesome-slider/src/css/sass')
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/core/_variables.sass28
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_horizontal.sass23
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_labels.sass17
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_main.sass8
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers-value.sass11
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers.sass21
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_ranges.sass31
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/horizontal/_scale.sass15
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/main.sass17
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/skins/_skin-blue.sass55
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/skins/_skin-css.sass110
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/skins/_skin-plastic.sass51
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/skins/_skin-round.sass56
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass11
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass8
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass9
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass13
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass46
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass16
-rw-r--r--www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass13
20 files changed, 559 insertions, 0 deletions
diff --git a/www/lib/angular-awesome-slider/src/css/sass/core/_variables.sass b/www/lib/angular-awesome-slider/src/css/sass/core/_variables.sass
new file mode 100644
index 00000000..a548321e
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/core/_variables.sass
@@ -0,0 +1,28 @@
+// Colors
+
+$black: #000000
+$white: #ffffff
+$gray: #999999
+$gray2: #c2c7Ca
+$blue: #185f83
+
+// Typography
+
+$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
+$font-family-base: $font-family-sans-serif
+$font-size-pointers-label: 9px
+$line-height-pointers-label: 12px
+$font-size-pointers-value: $font-size-pointers-label
+$line-height-pointers-value: $line-height-pointers-label
+$color-pointers-label: $black
+$color-pointers-value: $color-pointers-label
+$color-scale: $gray
+$color-pointers-default-value: $blue
+
+// Skin CSS
+
+$color-skin-pointers-default-value: $gray2
+$color-skin-background: silver
+$color-skin-css-pointers-default-value: $white
+$color-skin-css-pointers-before-value: rgba(92, 98, 203, 0.89)
+$color-skin-css-pointers-after-value: rgb(14, 23, 115)
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_horizontal.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_horizontal.sass
new file mode 100644
index 00000000..067fc92b
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_horizontal.sass
@@ -0,0 +1,23 @@
+// Horizontal Styles
+
+.jslider
+ +position(relative, 0.6em null null null)
+ cursor: pointer
+ display: block
+ +size(100% 1em)
+ font-family: $font-family-base
+
+ &.disabled
+ opacity: 0.5
+
+ table
+ border-collapse: collapse
+ border: 0
+ width: 100%
+
+ td, th
+ width: 100%
+ border: 0
+ padding: 0
+ text-align: left
+ vertical-align: top
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_labels.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_labels.sass
new file mode 100644
index 00000000..5150adef
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_labels.sass
@@ -0,0 +1,17 @@
+div.jslider-label small,
+div.jslider-value small
+ +position(relative, -0.4em null null null)
+
+// limits
+div.jslider-label
+ +position(absolute, -18px null 0 null)
+ padding: 0px 2px
+ opacity: 0.4
+ color: $color-pointers-label
+ font-size: $font-size-pointers-label
+ line-height: $line-height-pointers-label
+ white-space: nowrap
+
+ &.jslider-label-to
+ left: auto
+ right: 0
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_main.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_main.sass
new file mode 100644
index 00000000..d6a774ac
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_main.sass
@@ -0,0 +1,8 @@
+// Horizontal Styles
+
+@import horizontal
+@import ranges
+@import pointers
+@import labels
+@import pointers-value
+@import scale
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers-value.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers-value.sass
new file mode 100644
index 00000000..f5233608
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers-value.sass
@@ -0,0 +1,11 @@
+div.jslider-value
+ +position(absolute, -19px null 0 null)
+ padding: 1px 2px 0
+ // background: white
+ font-size: $font-size-pointers-value
+ line-height: $line-height-pointers-value
+ white-space: nowrap
+ border-radius: 2px
+
+ &.jslider-value-to
+ left: 80%
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers.sass
new file mode 100644
index 00000000..bee15943
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_pointers.sass
@@ -0,0 +1,21 @@
+// single value hide to
+.jslider-single
+ div.jslider-pointer-to,
+ div.jslider-value-to,
+ div.jslider-bg .v,
+ .jslider-limitless .jslider-label
+ display: none
+
+div.jslider-pointer
+ +position(absolute, -4px null 20% null)
+ +size(15px)
+ background-position: 2px -60px
+ margin-left: -8px
+ cursor: hand
+ z-index: 2
+
+ &.jslider-pointer-to
+ left: 80%
+
+ &.jslider-pointer-hover
+ background-position: -19px -60px
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_ranges.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_ranges.sass
new file mode 100644
index 00000000..b47dfa41
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_ranges.sass
@@ -0,0 +1,31 @@
+div.jslider-bg i, div.jslider-pointer
+ background: url("../img/jslider.png") no-repeat 0 0
+
+div.jslider-bg
+ position: relative
+ i
+ +position(absolute, 0 null null null)
+ height: 5px
+
+ &.left
+ left: 0
+ width: 50%
+ background-position: 0 0
+
+ &.right
+ left: 50%
+ width: 50%
+ background-position: right 0
+
+ &.range
+ +position(absolute, 0 null null 20%)
+ +size(60% 5px)
+ background-repeat: repeat-x
+ background-position: 0 -40px
+ z-index: 1
+
+ &.default
+ left: 0
+ width: 1px
+ z-index: 1
+ background-color: $color-pointers-default-value
diff --git a/www/lib/angular-awesome-slider/src/css/sass/horizontal/_scale.sass b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_scale.sass
new file mode 100644
index 00000000..59f4828c
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/horizontal/_scale.sass
@@ -0,0 +1,15 @@
+div.jslider-scale
+ position: relative
+ top: 9px
+
+ span
+ position: absolute
+ height: 5px
+ border-left: 1px solid $gray
+ font-size: 0
+
+ ins
+ +position(absolute, 5px null 0 null)
+ font-size: 9px
+ text-decoration: none
+ color: $gray
diff --git a/www/lib/angular-awesome-slider/src/css/sass/main.sass b/www/lib/angular-awesome-slider/src/css/sass/main.sass
new file mode 100644
index 00000000..5752ee62
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/main.sass
@@ -0,0 +1,17 @@
+// Import Bourbon Mixins
+@import ../../../bower_components/bourbon/app/assets/stylesheets/bourbon
+
+// Main slider css rules
+@import core/variables
+
+// Horizontal Slider
+@import horizontal/main
+
+// Vertical Slider
+@import vertical/main
+
+// Skins
+@import skins/skin-css
+@import skins/skin-round
+@import skins/skin-blue
+@import skins/skin-plastic
diff --git a/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-blue.sass b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-blue.sass
new file mode 100644
index 00000000..f6dcb51d
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-blue.sass
@@ -0,0 +1,55 @@
+// Blue Skin
+
+.jslider_blue
+ .jslider-bg i,
+ .jslider-pointer
+ background: url("../img/jslider.blue.png") no-repeat 0 0
+
+ .jslider-bg
+ i
+ background-position: 2px -20px
+
+ &.default
+ background-color: $color-skin-pointers-default-value
+
+ &.range
+ z-index: 1
+ background-position: 0 -40px
+
+ div.jslider-pointer
+ top: -6px
+ width: 20px
+ height: 17px
+ background-position: 2px -60px
+ z-index: 2
+
+ &.vertical
+ div.jslider-bg i,
+ div.jslider-pointer
+ background: url("../img/jslider.blue.vertical.png") no-repeat 0 0
+
+ div.jslider-bg
+ i
+ background-position: right 0
+
+ &.range
+ background-position: -37px 0
+
+ &.before,
+ &.after
+ background: none
+
+ &.default
+ background-color: $color-skin-pointers-default-value
+
+ div.jslider-pointer
+ top: -6px
+ width: 20px
+ height: 17px
+ background-position: -7px 0
+
+ &.jslider-pointer-hover
+ background-position: -7px -20px
+
+ div.jslider-value
+ left: 0
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%
diff --git a/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-plastic.sass b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-plastic.sass
new file mode 100644
index 00000000..5b5b5408
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-plastic.sass
@@ -0,0 +1,51 @@
+// Plastic Skin
+
+.jslider_plastic
+ .jslider-bg i,
+ .jslider-pointer
+ background: url("../img/jslider.plastic.png") no-repeat 0 0
+
+ .jslider-bg
+ i
+ background-position: 2px -20px
+
+ &.default
+ background-color: $color-skin-pointers-default-value
+
+ &.range
+ z-index: 1
+ background-position: 0 -40px
+
+ .jslider-pointer
+ z-index: 2
+ +size(20px 17px)
+ top: -6px
+ background-position: 2px -60px
+
+ &.vertical
+ div.jslider-bg i,
+ div.jslider-pointer
+ background: url("../img/jslider.plastic.vertical.png") no-repeat 0 0
+
+ div.jslider-bg
+ i
+ background-position: right 0
+
+ &.range
+ background-position: -35px 0
+
+ &.before,
+ &.after
+ background: none
+
+ &.default
+ background-color: $color-skin-pointers-default-value
+
+ div.jslider-pointer
+ top: -6px
+ margin-left: -6px
+ +size(20px 17px)
+ background-position: -7px -1px
+
+ &.jslider-pointer-hover
+ background-position: -7px -21px
diff --git a/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-round.sass b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-round.sass
new file mode 100644
index 00000000..48e7cdb2
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-round.sass
@@ -0,0 +1,56 @@
+// Round Skin
+
+.jslider_round
+ div.jslider-bg i,
+ div.jslider-pointer
+ background: url("../img/jslider.round.png") no-repeat 0 0
+
+ div.jslider-bg
+ i
+ background-position: 0 -20px
+
+ &.default
+ background-color: $gray2
+
+ &.range
+ z-index: 1
+ background-position: 0 -40px
+
+ div.jslider-pointer
+ top: -6px
+ +size(20px 17px)
+ background-position: 0 -60px
+ z-index: 2
+
+ &.vertical
+ div.jslider-bg i,
+ div.jslider-pointer
+ background: url("../img/jslider.round.vertical.png") no-repeat 0 0
+
+ div.jslider-bg
+ i
+ background-position: right 0
+
+ &.range
+ background-position: -37px 0
+
+ &.before,
+ &.after
+ background: none
+
+ &.default
+ background-color: $color-skin-pointers-default-value
+
+ div.jslider-pointer
+ top: -6px
+ +size(20px 17px)
+ background-position: -4px -3px
+
+ &.jslider-pointer-hover
+ background-position: -4px -23px
+
+ &.jslider-value-to
+ left: 80%
+
+ div.jslider-value
+ left: 0
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass
new file mode 100644
index 00000000..0ced5eef
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass
@@ -0,0 +1,11 @@
+.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/sass/vertical/_main.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass
new file mode 100644
index 00000000..64ba478f
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass
@@ -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/sass/vertical/_pointers-value.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass
new file mode 100644
index 00000000..22a22259
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass
@@ -0,0 +1,9 @@
+.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/sass/vertical/_pointers.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass
new file mode 100644
index 00000000..11eb9984
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass
@@ -0,0 +1,13 @@
+.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/sass/vertical/_ranges.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass
new file mode 100644
index 00000000..f6913499
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass
@@ -0,0 +1,46 @@
+.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
+ +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%
+ +size(60% 100%)
+ z-index: 1
+ background-repeat: repeat-y
+ background-position: -36px 0px
+
+ &.default
+ left: 50%
+ +size(5px 1px)
+ z-index: 1
+ background-color: $color-pointers-default-value
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass
new file mode 100644
index 00000000..f0bf764e
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass
@@ -0,0 +1,16 @@
+.vertical
+ div.jslider-scale
+ position: inherit
+
+ span
+ position: absolute
+ +size(5px 1px)
+ border-left: none
+ font-size: 0
+ border-top: 1px solid #999
+
+ ins
+ +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/sass/vertical/_vertical.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass
new file mode 100644
index 00000000..b2e510cf
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass
@@ -0,0 +1,13 @@
+.vertical
+ +position(relative, 0.6em null null null)
+ display: block
+ +size(17px 100%)
+ font-family: Arial, sans-serif
+
+ table
+ height: 100%
+
+ &.sliderCSS .jslider-bg i,
+ &.jslider-pointer
+ background-color: silver
+ background-image: none