fastlane-plugin-polidea 2.2.0.pre.1 → 3.0.0.pre.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -13
  3. data/lib/fastlane/plugin/polidea.rb +4 -0
  4. data/lib/fastlane/plugin/polidea/actions/fota_s3.rb +36 -28
  5. data/lib/fastlane/plugin/polidea/actions/release_notes.rb +1 -1
  6. data/lib/fastlane/plugin/polidea/helper/page_generator.rb +17 -56
  7. data/lib/fastlane/plugin/polidea/helper/qr_generator.rb +1 -1
  8. data/lib/fastlane/plugin/polidea/version.rb +1 -1
  9. data/templates/install.erb +238 -0
  10. data/{lib/fastlane/plugin/polidea/templates/download.erb → templates/mail.erb} +20 -25
  11. metadata +4 -105
  12. data/lib/fastlane/plugin/polidea/actions/extract_app_icon.rb +0 -172
  13. data/lib/fastlane/plugin/polidea/actions/extract_app_name.rb +0 -100
  14. data/lib/fastlane/plugin/polidea/actions/extract_version.rb +0 -106
  15. data/lib/fastlane/plugin/polidea/actions/get_binary_size.rb +0 -57
  16. data/lib/fastlane/plugin/polidea/templates/images/cover-shuttle.jpg +0 -0
  17. data/lib/fastlane/plugin/polidea/templates/images/icon-placeholder.png +0 -0
  18. data/lib/fastlane/plugin/polidea/templates/images/polidea-logo.png +0 -0
  19. data/lib/fastlane/plugin/polidea/templates/images/social-behance.png +0 -0
  20. data/lib/fastlane/plugin/polidea/templates/images/social-dribbble.png +0 -0
  21. data/lib/fastlane/plugin/polidea/templates/images/social-facebook.png +0 -0
  22. data/lib/fastlane/plugin/polidea/templates/images/social-github.png +0 -0
  23. data/lib/fastlane/plugin/polidea/templates/images/social-instagram.png +0 -0
  24. data/lib/fastlane/plugin/polidea/templates/images/social-linkedin.png +0 -0
  25. data/lib/fastlane/plugin/polidea/templates/images/social-twitter.png +0 -0
  26. data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css +0 -4895
  27. data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css.map +0 -7
  28. data/lib/fastlane/plugin/polidea/templates/installation-page/img/bg.png +0 -0
  29. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg.jpg +0 -0
  30. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1024.jpg +0 -0
  31. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1280.jpg +0 -0
  32. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1360.jpg +0 -0
  33. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1440.jpg +0 -0
  34. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1680.jpg +0 -0
  35. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_768.jpg +0 -0
  36. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_1024.jpg +0 -0
  37. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_768.jpg +0 -0
  38. data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo.svg +0 -32
  39. data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo_square.svg +0 -12
  40. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation.min.js +0 -10
  41. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.abide.js +0 -294
  42. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.accordion.js +0 -65
  43. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.alert.js +0 -43
  44. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.clearing.js +0 -558
  45. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.dropdown.js +0 -313
  46. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.equalizer.js +0 -74
  47. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.interchange.js +0 -344
  48. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.joyride.js +0 -915
  49. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.js +0 -625
  50. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.magellan.js +0 -189
  51. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.offcanvas.js +0 -139
  52. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.orbit.js +0 -472
  53. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.reveal.js +0 -443
  54. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.slider.js +0 -231
  55. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tab.js +0 -167
  56. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tooltip.js +0 -298
  57. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.topbar.js +0 -436
  58. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/aes.js +0 -35
  59. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/enc-base64-min.js +0 -8
  60. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/fastclick.js +0 -9
  61. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.cookie.js +0 -8
  62. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.js +0 -26
  63. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/modernizr.js +0 -8
  64. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/pbkdf2.js +0 -19
  65. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/placeholder.js +0 -2
  66. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/fonts.scss +0 -64
  67. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation.scss +0 -45
  68. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_functions.scss +0 -101
  69. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_settings.scss +0 -1441
  70. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_accordion.scss +0 -156
  71. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_alert-boxes.scss +0 -126
  72. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_block-grid.scss +0 -132
  73. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_breadcrumbs.scss +0 -132
  74. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_button-groups.scss +0 -200
  75. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_buttons.scss +0 -252
  76. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_clearing.scss +0 -247
  77. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown-buttons.scss +0 -129
  78. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown.scss +0 -248
  79. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_flex-video.scss +0 -51
  80. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_forms.scss +0 -570
  81. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_global.scss +0 -447
  82. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_grid.scss +0 -275
  83. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_icon-bar.scss +0 -293
  84. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_inline-lists.scss +0 -57
  85. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_joyride.scss +0 -222
  86. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_keystrokes.scss +0 -61
  87. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_labels.scss +0 -105
  88. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_magellan.scss +0 -34
  89. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_offcanvas.scss +0 -510
  90. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_orbit.scss +0 -368
  91. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pagination.scss +0 -162
  92. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_panels.scss +0 -93
  93. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pricing-tables.scss +0 -150
  94. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_progress-bars.scss +0 -79
  95. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_range-slider.scss +0 -168
  96. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_reveal.scss +0 -220
  97. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_side-nav.scss +0 -116
  98. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_split-buttons.scss +0 -191
  99. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_sub-nav.scss +0 -125
  100. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_switches.scss +0 -226
  101. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tables.scss +0 -135
  102. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tabs.scss +0 -123
  103. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_thumbs.scss +0 -66
  104. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_toolbar.scss +0 -70
  105. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tooltips.scss +0 -142
  106. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_top-bar.scss +0 -676
  107. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_type.scss +0 -523
  108. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_visibility.scss +0 -408
  109. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/installation-page.scss +0 -171
  110. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/normalize.scss +0 -425
  111. data/lib/fastlane/plugin/polidea/templates/installation_template.erb +0 -54
  112. data/lib/fastlane/plugin/polidea/templates/mailgun_template.erb +0 -1257
  113. data/lib/fastlane/plugin/polidea/templates/secure_installation_template.erb +0 -130
@@ -1,93 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-panel-classes: $include-html-classes !default;
11
-
12
- // We use these to control the background and border styles
13
- $panel-bg: scale-color($white, $lightness: -5%) !default;
14
- $panel-border-style: solid !default;
15
- $panel-border-size: 1px !default;
16
-
17
- // We use this % to control how much we darken things on hover
18
- $panel-function-factor: -11% !default;
19
- $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default;
20
-
21
- // We use these to set default inner padding and bottom margin
22
- $panel-margin-bottom: rem-calc(20) !default;
23
- $panel-padding: rem-calc(20) !default;
24
-
25
- // We use these to set default font colors
26
- $panel-font-color: $oil !default;
27
- $panel-font-color-alt: $white !default;
28
-
29
- $panel-header-adjust: true !default;
30
- $callout-panel-link-color: $primary-color !default;
31
- //
32
- // @mixins
33
- //
34
- // We use this mixin to create panels.
35
- // $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default
36
- // $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)
37
- // $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true
38
- @mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) {
39
-
40
- @if $bg {
41
- $bg-lightness: lightness($bg);
42
-
43
- border-style: $panel-border-style;
44
- border-width: $panel-border-size;
45
- border-color: scale-color($bg, $lightness: $panel-function-factor);
46
- margin-bottom: $panel-margin-bottom;
47
- padding: $padding;
48
-
49
- background: $bg;
50
-
51
- // Respect the padding, fool.
52
- &>:first-child { margin-top: 0; }
53
- &>:last-child { margin-bottom: 0; }
54
-
55
- @if $adjust {
56
- // We set the font color based on the darkness of the bg.
57
- @if $bg-lightness >= 50% {
58
- h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; }
59
- }
60
- @else {
61
- h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; }
62
- }
63
-
64
- // reset header line-heights for panels
65
- h1,h2,h3,h4,h5,h6 {
66
- line-height: 1; margin-bottom: rem-calc(20) / 2;
67
- &.subheader { line-height: 1.4; }
68
- }
69
- }
70
- }
71
- }
72
-
73
- @include exports("panel") {
74
- @if $include-html-panel-classes {
75
-
76
- /* Panels */
77
- .panel { @include panel;
78
-
79
- &.callout {
80
- @include panel(scale-color($primary-color, $lightness: 94%));
81
- a:not(.button) {
82
- color: $callout-panel-link-color;
83
- }
84
- }
85
-
86
- &.radius {
87
- @include radius;
88
- }
89
-
90
- }
91
-
92
- }
93
- }
@@ -1,150 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-pricing-classes: $include-html-classes !default;
11
-
12
- // We use this to control the border color
13
- $price-table-border: solid 1px $gainsboro !default;
14
-
15
- // We use this to control the bottom margin of the pricing table
16
- $price-table-margin-bottom: rem-calc(20) !default;
17
-
18
- // We use these to control the title styles
19
- $price-title-bg: $oil !default;
20
- $price-title-padding: rem-calc(15 20) !default;
21
- $price-title-align: center !default;
22
- $price-title-color: $smoke !default;
23
- $price-title-weight: $font-weight-normal !default;
24
- $price-title-size: rem-calc(16) !default;
25
- $price-title-font-family: $body-font-family !default;
26
-
27
- // We use these to control the price styles
28
- $price-money-bg: $vapor !default;
29
- $price-money-padding: rem-calc(15 20) !default;
30
- $price-money-align: center !default;
31
- $price-money-color: $oil !default;
32
- $price-money-weight: $font-weight-normal !default;
33
- $price-money-size: rem-calc(32) !default;
34
- $price-money-font-family: $body-font-family !default;
35
-
36
-
37
- // We use these to control the description styles
38
- $price-bg: $white !default;
39
- $price-desc-color: $monsoon !default;
40
- $price-desc-padding: rem-calc(15) !default;
41
- $price-desc-align: center !default;
42
- $price-desc-font-size: rem-calc(12) !default;
43
- $price-desc-weight: $font-weight-normal !default;
44
- $price-desc-line-height: 1.4 !default;
45
- $price-desc-bottom-border: dotted 1px $gainsboro !default;
46
-
47
- // We use these to control the list item styles
48
- $price-item-color: $oil !default;
49
- $price-item-padding: rem-calc(15) !default;
50
- $price-item-align: center !default;
51
- $price-item-font-size: rem-calc(14) !default;
52
- $price-item-weight: $font-weight-normal !default;
53
- $price-item-bottom-border: dotted 1px $gainsboro !default;
54
-
55
- // We use these to control the CTA area styles
56
- $price-cta-bg: $white !default;
57
- $price-cta-align: center !default;
58
- $price-cta-padding: rem-calc(20 20 0) !default;
59
-
60
- // @mixins
61
- //
62
- // We use this to create the container element for the pricing tables
63
- @mixin pricing-table-container {
64
- border: $price-table-border;
65
- margin-#{$default-float}: 0;
66
- margin-bottom: $price-table-margin-bottom;
67
-
68
- & * {
69
- list-style: none;
70
- line-height: 1;
71
- }
72
- }
73
- // @mixins
74
- //
75
- // We use this mixin to create the pricing table title styles
76
- @mixin pricing-table-title {
77
- background-color: $price-title-bg;
78
- padding: $price-title-padding;
79
- text-align: $price-title-align;
80
- color: $price-title-color;
81
- font-weight: $price-title-weight;
82
- font-size: $price-title-size;
83
- font-family: $price-title-font-family;
84
- }
85
-
86
- // @mixins
87
- //
88
- // We use this mixin to control the pricing table price styles
89
- @mixin pricing-table-price {
90
- background-color: $price-money-bg;
91
- padding: $price-money-padding;
92
- text-align: $price-money-align;
93
- color: $price-money-color;
94
- font-weight: $price-money-weight;
95
- font-size: $price-money-size;
96
- font-family: $price-money-font-family;
97
- }
98
-
99
- // @mixins
100
- //
101
- // We use this mixin to create the description styles for the pricing table
102
- @mixin pricing-table-description {
103
- background-color: $price-bg;
104
- padding: $price-desc-padding;
105
- text-align: $price-desc-align;
106
- color: $price-desc-color;
107
- font-size: $price-desc-font-size;
108
- font-weight: $price-desc-weight;
109
- line-height: $price-desc-line-height;
110
- border-bottom: $price-desc-bottom-border;
111
- }
112
-
113
- // @mixins
114
- //
115
- // We use this mixin to style the bullet items in the pricing table
116
- @mixin pricing-table-bullet {
117
- background-color: $price-bg;
118
- padding: $price-item-padding;
119
- text-align: $price-item-align;
120
- color: $price-item-color;
121
- font-size: $price-item-font-size;
122
- font-weight: $price-item-weight;
123
- border-bottom: $price-item-bottom-border;
124
- }
125
-
126
- // @mixins
127
- //
128
- // We use this mixin to style the CTA area of the pricing tables
129
- @mixin pricing-table-cta {
130
- background-color: $price-cta-bg;
131
- text-align: $price-cta-align;
132
- padding: $price-cta-padding;
133
- }
134
-
135
- @include exports("pricing-table") {
136
- @if $include-html-pricing-classes {
137
-
138
- /* Pricing Tables */
139
- .pricing-table {
140
- @include pricing-table-container;
141
-
142
- .title { @include pricing-table-title; }
143
- .price { @include pricing-table-price; }
144
- .description { @include pricing-table-description; }
145
- .bullet-item { @include pricing-table-bullet; }
146
- .cta-button { @include pricing-table-cta; }
147
- }
148
-
149
- }
150
- }
@@ -1,79 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-media-classes: $include-html-classes !default;
11
-
12
- // We use this to set the progress bar height
13
- $progress-bar-height: rem-calc(25) !default;
14
- $progress-bar-color: $vapor !default;
15
-
16
- // We use these to control the border styles
17
- $progress-bar-border-color: scale-color($white, $lightness: 20%) !default;
18
- $progress-bar-border-size: 1px !default;
19
- $progress-bar-border-style: solid !default;
20
- $progress-bar-border-radius: $global-radius !default;
21
-
22
- // We use these to control the margin & padding
23
- $progress-bar-pad: rem-calc(2) !default;
24
- $progress-bar-margin-bottom: rem-calc(10) !default;
25
-
26
- // We use these to set the meter colors
27
- $progress-meter-color: $primary-color !default;
28
- $progress-meter-secondary-color: $secondary-color !default;
29
- $progress-meter-success-color: $success-color !default;
30
- $progress-meter-alert-color: $alert-color !default;
31
-
32
- // @mixins
33
- //
34
- // We use this to set up the progress bar container
35
- @mixin progress-container {
36
- background-color: $progress-bar-color;
37
- height: $progress-bar-height;
38
- border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color;
39
- padding: $progress-bar-pad;
40
- margin-bottom: $progress-bar-margin-bottom;
41
- }
42
-
43
- // @mixins
44
- //
45
- // $bg - Default: $progress-meter-color || $primary-color
46
- @mixin progress-meter($bg:$progress-meter-color) {
47
- background: $bg;
48
- height: 100%;
49
- display: block;
50
- }
51
-
52
-
53
- @include exports("progress-bar") {
54
- @if $include-html-media-classes {
55
-
56
- /* Progress Bar */
57
- .progress {
58
- @include progress-container;
59
-
60
- // Meter
61
- .meter {
62
- @include progress-meter;
63
- }
64
- &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); }
65
- &.success .meter { @include progress-meter($bg:$progress-meter-success-color); }
66
- &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); }
67
-
68
- &.radius { @include radius($progress-bar-border-radius);
69
- .meter { @include radius($progress-bar-border-radius - 1); }
70
- }
71
-
72
- &.round { @include radius(1000px);
73
- .meter { @include radius(999px); }
74
- }
75
-
76
- }
77
-
78
- }
79
- }
@@ -1,168 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @name _range-slider.scss
9
- // @dependencies _global.scss
10
- //
11
-
12
- //
13
- // @variables
14
- //
15
-
16
- $include-html-range-slider-classes: $include-html-classes !default;
17
-
18
- // These variabels define the slider bar styles
19
- $range-slider-bar-width: 100% !default;
20
- $range-slider-bar-height: rem-calc(16) !default;
21
-
22
- $range-slider-bar-border-width: 1px !default;
23
- $range-slider-bar-border-style: solid !default;
24
- $range-slider-bar-border-color: $gainsboro !default;
25
- $range-slider-radius: $global-radius !default;
26
- $range-slider-round: $global-rounded !default;
27
- $range-slider-bar-bg-color: $ghost !default;
28
- $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default;
29
-
30
- // Vertical bar styles
31
- $range-slider-vertical-bar-width: rem-calc(16) !default;
32
- $range-slider-vertical-bar-height: rem-calc(200) !default;
33
-
34
- // These variabels define the slider handle styles
35
- $range-slider-handle-width: rem-calc(32) !default;
36
- $range-slider-handle-height: rem-calc(22) !default;
37
- $range-slider-handle-position-top: rem-calc(-5) !default;
38
- $range-slider-handle-bg-color: $primary-color !default;
39
- $range-slider-handle-border-width: 1px !default;
40
- $range-slider-handle-border-style: solid !default;
41
- $range-slider-handle-border-color: none !default;
42
- $range-slider-handle-radius: $global-radius !default;
43
- $range-slider-handle-round: $global-rounded !default;
44
- $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default;
45
- $range-slider-handle-cursor: pointer !default;
46
-
47
- $range-slider-disabled-opacity: 0.7 !default;
48
-
49
- //
50
- // @mixins
51
- //
52
-
53
- @mixin range-slider-bar-base($vertical: false) {
54
- display: block;
55
- position: relative;
56
- width: $range-slider-bar-width;
57
- height: $range-slider-bar-height;
58
- border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color;
59
- margin: rem-calc(20 0);
60
- -ms-touch-action: none;
61
- touch-action: none;
62
- @if $vertical == true {
63
- display: inline-block;
64
- width: $range-slider-vertical-bar-width;
65
- height: $range-slider-vertical-bar-height;
66
- }
67
- }
68
- @mixin range-slider-bar-style(
69
- $bg: true,
70
- $radius: false,
71
- $round: false,
72
- $disabled: false) {
73
- @if $bg == true { background: $range-slider-bar-bg-color; }
74
- @if $radius == true { @include radius($range-slider-radius); }
75
- @if $round == true { @include radius($range-slider-round); }
76
- @if $disabled == true {
77
- cursor: $cursor-default-value;
78
- opacity: $range-slider-disabled-opacity;
79
- }
80
- }
81
-
82
- @mixin range-slider-bar(
83
- $bg: $range-slider-bar-bg-color,
84
- $radius:false) {
85
- @include range-slider-bar-base;
86
- @include range-slider-bar-style;
87
- }
88
-
89
- @mixin range-slider-handle-base() {
90
- display: inline-block;
91
- position: absolute;
92
- z-index: 1;
93
- top: $range-slider-handle-position-top;
94
- width: $range-slider-handle-width;
95
- height: $range-slider-handle-height;
96
- border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color;
97
- cursor: $range-slider-handle-cursor;
98
-
99
- // This removes the 300ms touch delay on Windows 8
100
- -ms-touch-action: manipulation;
101
- touch-action: manipulation;
102
- }
103
- @mixin range-slider-handle-style(
104
- $bg: true,
105
- $radius: false,
106
- $round: false,
107
- $disabled: false) {
108
- @if $bg == true { background: $range-slider-handle-bg-color; }
109
- @if $radius == true { @include radius($range-slider-radius); }
110
- @if $round == true { @include radius($range-slider-round); }
111
- @if $disabled == true {
112
- cursor: $cursor-default-value;
113
- opacity: $range-slider-disabled-opacity;
114
- }
115
- &:hover {
116
- background: $range-slider-handle-bg-hover-color;
117
- }
118
- }
119
- @mixin range-slider-handle() {
120
- @include range-slider-handle-base;
121
- @include range-slider-handle-style;
122
- }
123
-
124
- // CSS Generation
125
- @include exports("range-slider-bar") {
126
- @if $include-html-range-slider-classes {
127
- .range-slider {
128
- @include range-slider-bar-base;
129
- @include range-slider-bar-style($bg:true, $radius:false);
130
- &.vertical-range {
131
- @include range-slider-bar-base($vertical: true);
132
- .range-slider-handle {
133
- margin-top: 0;
134
- margin-#{$default-float}: -($range-slider-handle-width / 4);
135
- position: absolute;
136
- bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width);
137
- }
138
- .range-slider-active-segment {
139
- width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
140
- height: auto;
141
- bottom: 0;
142
- }
143
- }
144
- &.radius {
145
- @include range-slider-bar-style($radius:true);
146
- .range-slider-handle { @include range-slider-handle-style($radius: true); }
147
- }
148
- &.round {
149
- @include range-slider-bar-style($round:true);
150
- .range-slider-handle { @include range-slider-handle-style($round: true); }
151
- }
152
- &.disabled, &[disabled] {
153
- @include range-slider-bar-style($disabled:true);
154
- .range-slider-handle { @include range-slider-handle-style($disabled: true); }
155
- }
156
- }
157
- .range-slider-active-segment {
158
- display: inline-block;
159
- position: absolute;
160
- height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
161
- background: $range-slider-active-segment-bg-color;
162
- }
163
- .range-slider-handle {
164
- @include range-slider-handle-base;
165
- @include range-slider-handle-style($bg:true, $radius: false);
166
- }
167
- }
168
- }