fastlane-plugin-polidea 2.2.0.pre → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) 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_mail.rb +13 -3
  5. data/lib/fastlane/plugin/polidea/actions/fota_s3.rb +36 -29
  6. data/lib/fastlane/plugin/polidea/actions/release_notes.rb +1 -1
  7. data/lib/fastlane/plugin/polidea/actions/release_notes_from_commits.rb +1 -1
  8. data/lib/fastlane/plugin/polidea/helper/page_generator.rb +28 -56
  9. data/lib/fastlane/plugin/polidea/helper/qr_generator.rb +7 -42
  10. data/lib/fastlane/plugin/polidea/version.rb +1 -1
  11. data/templates/install.erb +238 -0
  12. data/{lib/fastlane/plugin/polidea/templates/download.erb → templates/mail.erb} +18 -23
  13. metadata +10 -111
  14. data/lib/fastlane/plugin/polidea/actions/extract_app_icon.rb +0 -172
  15. data/lib/fastlane/plugin/polidea/actions/extract_app_name.rb +0 -100
  16. data/lib/fastlane/plugin/polidea/actions/extract_version.rb +0 -106
  17. data/lib/fastlane/plugin/polidea/actions/get_binary_size.rb +0 -57
  18. data/lib/fastlane/plugin/polidea/templates/images/cover-shuttle.jpg +0 -0
  19. data/lib/fastlane/plugin/polidea/templates/images/icon-placeholder.png +0 -0
  20. data/lib/fastlane/plugin/polidea/templates/images/polidea-logo.png +0 -0
  21. data/lib/fastlane/plugin/polidea/templates/images/social-behance.png +0 -0
  22. data/lib/fastlane/plugin/polidea/templates/images/social-dribbble.png +0 -0
  23. data/lib/fastlane/plugin/polidea/templates/images/social-facebook.png +0 -0
  24. data/lib/fastlane/plugin/polidea/templates/images/social-github.png +0 -0
  25. data/lib/fastlane/plugin/polidea/templates/images/social-instagram.png +0 -0
  26. data/lib/fastlane/plugin/polidea/templates/images/social-linkedin.png +0 -0
  27. data/lib/fastlane/plugin/polidea/templates/images/social-twitter.png +0 -0
  28. data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css +0 -4895
  29. data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css.map +0 -7
  30. data/lib/fastlane/plugin/polidea/templates/installation-page/img/bg.png +0 -0
  31. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg.jpg +0 -0
  32. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1024.jpg +0 -0
  33. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1280.jpg +0 -0
  34. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1360.jpg +0 -0
  35. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1440.jpg +0 -0
  36. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1680.jpg +0 -0
  37. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_768.jpg +0 -0
  38. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_1024.jpg +0 -0
  39. data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_768.jpg +0 -0
  40. data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo.svg +0 -32
  41. data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo_square.svg +0 -12
  42. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation.min.js +0 -10
  43. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.abide.js +0 -294
  44. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.accordion.js +0 -65
  45. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.alert.js +0 -43
  46. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.clearing.js +0 -558
  47. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.dropdown.js +0 -313
  48. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.equalizer.js +0 -74
  49. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.interchange.js +0 -344
  50. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.joyride.js +0 -915
  51. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.js +0 -625
  52. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.magellan.js +0 -189
  53. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.offcanvas.js +0 -139
  54. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.orbit.js +0 -472
  55. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.reveal.js +0 -443
  56. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.slider.js +0 -231
  57. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tab.js +0 -167
  58. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tooltip.js +0 -298
  59. data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.topbar.js +0 -436
  60. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/aes.js +0 -35
  61. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/enc-base64-min.js +0 -8
  62. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/fastclick.js +0 -9
  63. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.cookie.js +0 -8
  64. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.js +0 -26
  65. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/modernizr.js +0 -8
  66. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/pbkdf2.js +0 -19
  67. data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/placeholder.js +0 -2
  68. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/fonts.scss +0 -64
  69. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation.scss +0 -45
  70. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_functions.scss +0 -101
  71. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_settings.scss +0 -1441
  72. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_accordion.scss +0 -156
  73. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_alert-boxes.scss +0 -126
  74. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_block-grid.scss +0 -132
  75. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_breadcrumbs.scss +0 -132
  76. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_button-groups.scss +0 -200
  77. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_buttons.scss +0 -252
  78. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_clearing.scss +0 -247
  79. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown-buttons.scss +0 -129
  80. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown.scss +0 -248
  81. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_flex-video.scss +0 -51
  82. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_forms.scss +0 -570
  83. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_global.scss +0 -447
  84. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_grid.scss +0 -275
  85. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_icon-bar.scss +0 -293
  86. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_inline-lists.scss +0 -57
  87. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_joyride.scss +0 -222
  88. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_keystrokes.scss +0 -61
  89. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_labels.scss +0 -105
  90. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_magellan.scss +0 -34
  91. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_offcanvas.scss +0 -510
  92. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_orbit.scss +0 -368
  93. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pagination.scss +0 -162
  94. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_panels.scss +0 -93
  95. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pricing-tables.scss +0 -150
  96. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_progress-bars.scss +0 -79
  97. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_range-slider.scss +0 -168
  98. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_reveal.scss +0 -220
  99. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_side-nav.scss +0 -116
  100. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_split-buttons.scss +0 -191
  101. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_sub-nav.scss +0 -125
  102. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_switches.scss +0 -226
  103. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tables.scss +0 -135
  104. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tabs.scss +0 -123
  105. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_thumbs.scss +0 -66
  106. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_toolbar.scss +0 -70
  107. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tooltips.scss +0 -142
  108. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_top-bar.scss +0 -676
  109. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_type.scss +0 -523
  110. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_visibility.scss +0 -408
  111. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/installation-page.scss +0 -171
  112. data/lib/fastlane/plugin/polidea/templates/installation-page/sass/normalize.scss +0 -425
  113. data/lib/fastlane/plugin/polidea/templates/installation_template.erb +0 -54
  114. data/lib/fastlane/plugin/polidea/templates/mailgun_template.erb +0 -1257
  115. 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
- }