nitro_sg 3.0.0 → 3.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (171) hide show
  1. checksums.yaml +4 -4
  2. data/fonts/fontawesome.js +1978 -0
  3. data/fonts/regular.js +1217 -0
  4. data/lib/nitro_sg/version.rb +1 -1
  5. data/sass-mixins/_global.scss +415 -0
  6. data/sass-mixins/_normalize.scss +424 -0
  7. data/sass-mixins/_print.scss +101 -0
  8. data/sass-mixins/application.scss +29 -0
  9. data/sass-mixins/application.scss.flow +1592 -0
  10. data/sass-mixins/base-mixins/_all.scss +11 -0
  11. data/sass-mixins/base-mixins/_all.scss.flow +6 -0
  12. data/sass-mixins/base-mixins/_border-radius.scss +25 -0
  13. data/sass-mixins/base-mixins/_breakpoints.scss +95 -0
  14. data/sass-mixins/base-mixins/_color.sass +22 -0
  15. data/sass-mixins/base-mixins/_forms.scss +33 -0
  16. data/sass-mixins/base-mixins/_general.scss +599 -0
  17. data/sass-mixins/base-mixins/_grid-framework.scss +81 -0
  18. data/sass-mixins/base-mixins/_grid.scss +126 -0
  19. data/sass-mixins/base-mixins/_hover.scss +26 -0
  20. data/sass-mixins/base-mixins/_images.scss +33 -0
  21. data/sass-mixins/base-mixins/_media-queries.sass +58 -0
  22. data/sass-mixins/base-mixins/_type.scss +46 -0
  23. data/sass-mixins/base-variables/_all.scss +11 -0
  24. data/sass-mixins/base-variables/_animation-curves.scss +37 -0
  25. data/sass-mixins/base-variables/_bootstrap-variables.scss +284 -0
  26. data/sass-mixins/base-variables/_border-radius.sass +27 -0
  27. data/sass-mixins/base-variables/_color-bootstrap.scss +62 -0
  28. data/sass-mixins/base-variables/_color-deprecated.scss +26 -0
  29. data/sass-mixins/base-variables/_color-ui-elements.scss +20 -0
  30. data/sass-mixins/base-variables/_colors-export.scss +13 -0
  31. data/sass-mixins/base-variables/_colors-export.scss.flow +92 -0
  32. data/sass-mixins/base-variables/_colors.scss +267 -0
  33. data/sass-mixins/base-variables/_colors.scss.flow +5 -0
  34. data/sass-mixins/base-variables/_fonts.scss +97 -0
  35. data/sass-mixins/base-variables/_forms.scss +44 -0
  36. data/sass-mixins/base-variables/_opacity.scss +9 -0
  37. data/sass-mixins/base-variables/_positioning.scss +24 -0
  38. data/sass-mixins/base-variables/_shadows.scss +5 -0
  39. data/sass-mixins/base-variables/_sizing-ui-elements.scss +2 -0
  40. data/sass-mixins/base-variables/_spacing.sass +27 -0
  41. data/sass-mixins/base-variables/_typography.sass +79 -0
  42. data/sass-mixins/class-helpers/_all.scss +17 -0
  43. data/sass-mixins/class-helpers/_borders.scss +40 -0
  44. data/sass-mixins/class-helpers/_color.sass +61 -0
  45. data/sass-mixins/class-helpers/_display.scss +40 -0
  46. data/sass-mixins/class-helpers/_flexbox.scss +213 -0
  47. data/sass-mixins/class-helpers/_glyphicons.scss +307 -0
  48. data/sass-mixins/class-helpers/_line-height.scss +21 -0
  49. data/sass-mixins/class-helpers/_radius-and-shadows.scss +49 -0
  50. data/sass-mixins/class-helpers/_responsive-utilities.scss +179 -0
  51. data/sass-mixins/class-helpers/_screen-readers.scss +34 -0
  52. data/sass-mixins/class-helpers/_spacing.scss +51 -0
  53. data/sass-mixins/class-helpers/_type.scss +323 -0
  54. data/sass-mixins/class-helpers/_z-index.scss +10 -0
  55. data/sass-mixins/components.scss +5 -0
  56. data/sass-mixins/nitro-ui/_alerts.scss +139 -0
  57. data/sass-mixins/nitro-ui/_all.scss +33 -0
  58. data/sass-mixins/nitro-ui/_animations.scss +37 -0
  59. data/sass-mixins/nitro-ui/_carousel.scss +281 -0
  60. data/sass-mixins/nitro-ui/_code.scss +87 -0
  61. data/sass-mixins/nitro-ui/_connect-cards.scss +150 -0
  62. data/sass-mixins/nitro-ui/_dashboards.scss +516 -0
  63. data/sass-mixins/nitro-ui/_fixed-confirmation-toast.scss +48 -0
  64. data/sass-mixins/nitro-ui/_full-menu.scss +168 -0
  65. data/sass-mixins/nitro-ui/_grid.scss +92 -0
  66. data/sass-mixins/nitro-ui/_icon-toggle.scss +37 -0
  67. data/sass-mixins/nitro-ui/_jumbotron.scss +65 -0
  68. data/sass-mixins/nitro-ui/_links.scss +69 -0
  69. data/sass-mixins/nitro-ui/_list-group.scss +219 -0
  70. data/sass-mixins/nitro-ui/_media.scss +66 -0
  71. data/sass-mixins/nitro-ui/_modals.scss +311 -0
  72. data/sass-mixins/nitro-ui/_notify.scss +56 -0
  73. data/sass-mixins/nitro-ui/_popovers.scss +167 -0
  74. data/sass-mixins/nitro-ui/_progress-bars.scss +125 -0
  75. data/sass-mixins/nitro-ui/_responsive-embed.scss +35 -0
  76. data/sass-mixins/nitro-ui/_side-modal.scss +92 -0
  77. data/sass-mixins/nitro-ui/_tables-responsive.scss +253 -0
  78. data/sass-mixins/nitro-ui/_tables.scss +296 -0
  79. data/sass-mixins/nitro-ui/_thumbnails.scss +38 -0
  80. data/sass-mixins/nitro-ui/_tooltip.scss +124 -0
  81. data/sass-mixins/nitro-ui/_typography.scss +176 -0
  82. data/sass-mixins/nitro-ui/_value-stat.scss +149 -0
  83. data/sass-mixins/nitro-ui/_wells.scss +37 -0
  84. data/sass-mixins/nitro-ui/buttons/_all.scss +97 -0
  85. data/sass-mixins/nitro-ui/buttons/_button-capping.scss +21 -0
  86. data/sass-mixins/nitro-ui/buttons/_button-groups.scss +236 -0
  87. data/sass-mixins/nitro-ui/buttons/_button-mixins.scss +66 -0
  88. data/sass-mixins/nitro-ui/buttons/_button-variables.scss +51 -0
  89. data/sass-mixins/nitro-ui/buttons/_choice-buttons.scss +9 -0
  90. data/sass-mixins/nitro-ui/buttons/_circle-buttons.scss +30 -0
  91. data/sass-mixins/nitro-ui/buttons/_close.scss +45 -0
  92. data/sass-mixins/nitro-ui/buttons/_dropdowns.scss +270 -0
  93. data/sass-mixins/nitro-ui/buttons/_ghost-buttons.scss +58 -0
  94. data/sass-mixins/nitro-ui/buttons/_link-buttons.scss +53 -0
  95. data/sass-mixins/nitro-ui/buttons/_solid-buttons.scss +69 -0
  96. data/sass-mixins/nitro-ui/cards-panels/_all.scss +3 -0
  97. data/sass-mixins/nitro-ui/cards-panels/_cards.scss +409 -0
  98. data/sass-mixins/nitro-ui/cards-panels/_collapsible-card.scss +19 -0
  99. data/sass-mixins/nitro-ui/cards-panels/_panel-collapse.scss +34 -0
  100. data/sass-mixins/nitro-ui/cards-panels/_panel-list-groups.scss +41 -0
  101. data/sass-mixins/nitro-ui/cards-panels/_panel-tables.scss +111 -0
  102. data/sass-mixins/nitro-ui/cards-panels/_panels.scss +120 -0
  103. data/sass-mixins/nitro-ui/forms/_all.scss +18 -0
  104. data/sass-mixins/nitro-ui/forms/_checkbox-radio.scss +154 -0
  105. data/sass-mixins/nitro-ui/forms/_checkbox-toggle.scss +77 -0
  106. data/sass-mixins/nitro-ui/forms/_color-feedback.scss +53 -0
  107. data/sass-mixins/nitro-ui/forms/_dropdown.scss +12 -0
  108. data/sass-mixins/nitro-ui/forms/_form-group.scss +104 -0
  109. data/sass-mixins/nitro-ui/forms/_general-element-reset.scss +120 -0
  110. data/sass-mixins/nitro-ui/forms/_help-block.scss +11 -0
  111. data/sass-mixins/nitro-ui/forms/_horizontal-forms.scss +69 -0
  112. data/sass-mixins/nitro-ui/forms/_input-groups.scss +169 -0
  113. data/sass-mixins/nitro-ui/forms/_label.scss +29 -0
  114. data/sass-mixins/nitro-ui/forms/_multi-input-group.scss +89 -0
  115. data/sass-mixins/nitro-ui/forms/_static-form-text.scss +19 -0
  116. data/sass-mixins/nitro-ui/forms/_validation-states.scss +78 -0
  117. data/sass-mixins/nitro-ui/layouts/_sidebar-layout.scss +59 -0
  118. data/sass-mixins/nitro-ui/navigation/_all.scss +36 -0
  119. data/sass-mixins/nitro-ui/navigation/_breadcrumbs.scss +30 -0
  120. data/sass-mixins/nitro-ui/navigation/_pager.scss +71 -0
  121. data/sass-mixins/nitro-ui/navigation/_pagination.scss +212 -0
  122. data/sass-mixins/nitro-ui/navigation/navbar/_brand.scss +25 -0
  123. data/sass-mixins/nitro-ui/navigation/navbar/_collapse-content.scss +49 -0
  124. data/sass-mixins/nitro-ui/navigation/navbar/_default-navbar.scss +33 -0
  125. data/sass-mixins/nitro-ui/navigation/navbar/_dropdowns-buttons.scss +29 -0
  126. data/sass-mixins/nitro-ui/navigation/navbar/_floats.scss +21 -0
  127. data/sass-mixins/nitro-ui/navigation/navbar/_flush.scss +14 -0
  128. data/sass-mixins/nitro-ui/navigation/navbar/_forms.scss +41 -0
  129. data/sass-mixins/nitro-ui/navigation/navbar/_header.scss +31 -0
  130. data/sass-mixins/nitro-ui/navigation/navbar/_inverse-navbar.scss +32 -0
  131. data/sass-mixins/nitro-ui/navigation/navbar/_light-navbar.scss +36 -0
  132. data/sass-mixins/nitro-ui/navigation/navbar/_links.scss +52 -0
  133. data/sass-mixins/nitro-ui/navigation/navbar/_mixins.scss +161 -0
  134. data/sass-mixins/nitro-ui/navigation/navbar/_navbar.scss +29 -0
  135. data/sass-mixins/nitro-ui/navigation/navbar/_position.scss +50 -0
  136. data/sass-mixins/nitro-ui/navigation/navbar/_text.scss +13 -0
  137. data/sass-mixins/nitro-ui/navigation/navbar/_toggle-button.scss +37 -0
  138. data/sass-mixins/nitro-ui/navigation/navbar/_variables.scss +8 -0
  139. data/sass-mixins/nitro-ui/navigation/navs/_nav-dropdowns.scss +10 -0
  140. data/sass-mixins/nitro-ui/navigation/navs/_nav-justified.scss +32 -0
  141. data/sass-mixins/nitro-ui/navigation/navs/_nav-pills.scss +41 -0
  142. data/sass-mixins/nitro-ui/navigation/navs/_nav-tabs-justified.scss +30 -0
  143. data/sass-mixins/nitro-ui/navigation/navs/_nav-tabs.scss +41 -0
  144. data/sass-mixins/nitro-ui/navigation/navs/_nav.scss +383 -0
  145. data/sass-mixins/nitro-ui/navigation/navs/_navs.scss +70 -0
  146. data/sass-mixins/nitro-ui/navigation/navs/_tabbable-tabs.scss +12 -0
  147. data/sass-mixins/nitro-ui/navigation/navs/_variables.scss +23 -0
  148. data/sass-mixins/nitro-ui/tables/_all.scss +14 -0
  149. data/sass-mixins/nitro-ui/tables/_as-cards.scss +49 -0
  150. data/sass-mixins/nitro-ui/tables/_content.scss +13 -0
  151. data/sass-mixins/nitro-ui/tables/_headers.scss +17 -0
  152. data/sass-mixins/nitro-ui/tables/_hover.scss +66 -0
  153. data/sass-mixins/nitro-ui/tables/_mixins.scss +0 -0
  154. data/sass-mixins/nitro-ui/tables/_mobile.scss +138 -0
  155. data/sass-mixins/nitro-ui/tables/_reset.scss +17 -0
  156. data/sass-mixins/nitro-ui/tables/_single-line.scss +35 -0
  157. data/sass-mixins/nitro-ui/tables/_structure.scss +39 -0
  158. data/sass-mixins/nitro-ui/tables/_table-card.scss +88 -0
  159. data/sass-mixins/nitro-ui/tables/_table-dark.scss +92 -0
  160. data/sass-mixins/nitro-ui/tables/_variables.scss +23 -0
  161. data/sass-mixins/vendor/_bootstrap-overrides.scss +41 -0
  162. data/sass-mixins/vendor/_dropzone.scss +388 -0
  163. data/sass-mixins/vendor/_nitro-bootstrap.scss +95 -0
  164. data/sass-mixins/vendor/_nitro-dropzone.scss +56 -0
  165. data/sass-mixins/vendor/_react-datetime.scss +105 -0
  166. data/sass-mixins/vendor/_selectize.scss +407 -0
  167. data/sass-mixins/vendor/_sweet-alert-extended.scss +3 -0
  168. data/sass-mixins/vendor/react-select.css +375 -0
  169. data/sass-mixins/vendor/svg-with-js.css +5 -0
  170. data/sass-mixins/vendor/type-ahead.scss +43 -0
  171. metadata +170 -2
@@ -0,0 +1,95 @@
1
+ // // BOOTSTRAP
2
+
3
+
4
+ // @import "bootstrap-sprockets";
5
+ // @import "bootstrap/variables";
6
+ //
7
+ // // Mixins
8
+ // // --------------------------------------------------
9
+ //
10
+ // // Utilities
11
+ // @import "bootstrap/mixins/hide-text";
12
+ // @import "bootstrap/mixins/opacity";
13
+ // @import "bootstrap/mixins/image";
14
+ // @import "bootstrap/mixins/labels";
15
+ // @import "bootstrap/mixins/reset-filter";
16
+ // @import "bootstrap/mixins/resize";
17
+ // @import "bootstrap/mixins/responsive-visibility";
18
+ // @import "bootstrap/mixins/size";
19
+ // @import "bootstrap/mixins/tab-focus";
20
+ // @import "bootstrap/mixins/reset-text";
21
+ // @import "bootstrap/mixins/text-emphasis";
22
+ // @import "bootstrap/mixins/text-overflow";
23
+ // @import "bootstrap/mixins/vendor-prefixes";
24
+ //
25
+ // // Components
26
+ // @import "bootstrap/mixins/alerts";
27
+ // @import "bootstrap/mixins/buttons";
28
+ // @import "bootstrap/mixins/panels";
29
+ // @import "bootstrap/mixins/pagination";
30
+ // @import "bootstrap/mixins/list-group";
31
+ // @import "bootstrap/mixins/nav-divider";
32
+ // @import "bootstrap/mixins/forms";
33
+ // @import "bootstrap/mixins/progress-bar";
34
+ // @import "bootstrap/mixins/table-row";
35
+ //
36
+ // // Skins
37
+ // @import "bootstrap/mixins/background-variant";
38
+ // @import "bootstrap/mixins/border-radius";
39
+ // @import "bootstrap/mixins/gradients";
40
+ //
41
+ // // Layout
42
+ // @import "bootstrap/mixins/clearfix";
43
+ // @import "bootstrap/mixins/center-block";
44
+ // @import "bootstrap/mixins/nav-vertical-align";
45
+ // @import "bootstrap/mixins/grid-framework";
46
+ // @import "bootstrap/mixins/grid";
47
+
48
+
49
+
50
+ // Reset and dependencies
51
+ @import "bootstrap/normalize";
52
+ @import "bootstrap/print";
53
+ @import "bootstrap/glyphicons";
54
+
55
+ // Core CSS
56
+ // @import "bootstrap/scaffolding";
57
+ // @import "bootstrap/type";
58
+ // @import "bootstrap/code";
59
+ @import "bootstrap/grid";
60
+ // @import "bootstrap/tables";
61
+ // @import "bootstrap/forms";
62
+ // @import "bootstrap/buttons";
63
+ //
64
+ // // Components
65
+ // @import "bootstrap/component-animations";
66
+ // @import "bootstrap/dropdowns";
67
+ // @import "bootstrap/button-groups";
68
+ // @import "bootstrap/input-groups";
69
+ // @import "bootstrap/navs";
70
+ // @import "bootstrap/navbar";
71
+ // @import "bootstrap/breadcrumbs";
72
+ // @import "bootstrap/pagination";
73
+ // @import "bootstrap/pager";
74
+ // @import "bootstrap/labels";
75
+ // @import "bootstrap/badges";
76
+ // @import "bootstrap/jumbotron";
77
+ // @import "bootstrap/thumbnails";
78
+ // @import "bootstrap/alerts";
79
+ // @import "bootstrap/progress-bars";
80
+ // @import "bootstrap/media";
81
+ // @import "bootstrap/list-group";
82
+ // @import "bootstrap/panels";
83
+ // @import "bootstrap/responsive-embed";
84
+ // @import "bootstrap/wells";
85
+ // @import "bootstrap/close";
86
+ //
87
+ // // Components w/ JavaScript
88
+ // @import "bootstrap/modals";
89
+ // @import "bootstrap/tooltip";
90
+ // @import "bootstrap/popovers";
91
+ // @import "bootstrap/carousel";
92
+ //
93
+ // // Utility classes
94
+ // @import "bootstrap/utilities";
95
+ // @import "bootstrap/responsive-utilities";
@@ -0,0 +1,56 @@
1
+ @import "dropzone";
2
+
3
+ /* ******************************************
4
+ ** NITRO Adjustments to vendored dropzone.css
5
+ ******************************************** */
6
+ .dropzone {
7
+ border-radius: 8px;
8
+ background-color: $light-grey;
9
+ border: dotted 5px $medium-grey;
10
+ color: $medium-dark-grey;
11
+ margin-bottom: 1em;
12
+ padding: 0;
13
+ position: relative;
14
+ min-height: auto;
15
+
16
+ .dz-message {
17
+ text-align: center;
18
+ margin: 1.5em;
19
+ }
20
+
21
+ &.dz-drag-hover {
22
+ background-color: $light-yellow;
23
+ }
24
+
25
+ .dz-preview {
26
+ margin: 0.6em;
27
+
28
+ &.dz-image-preview {
29
+ background-color: transparent;
30
+ }
31
+
32
+ .dz-image {
33
+ border-radius: 4px;
34
+ }
35
+
36
+ .dz-details {
37
+ padding: 2em 0;
38
+ }
39
+
40
+ .dz-progress {
41
+ border: 1px solid $power-green;
42
+ bottom: 25%;
43
+ margin-left: -50px;
44
+ top: unset;
45
+ width: 100px;
46
+
47
+ .dz-upload {
48
+ background: $power-green;
49
+ }
50
+ }
51
+
52
+ .dz-error-message {
53
+ top: 150px;
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,105 @@
1
+ .react-datetime {
2
+ position: relative;
3
+
4
+ &.rdt {
5
+ .rdtPicker {
6
+ visibility: hidden;
7
+ }
8
+ &Open {
9
+ .rdtPicker {
10
+ visibility: visible;
11
+ }
12
+ }
13
+ }
14
+ .rdtPicker {
15
+ position: absolute;
16
+ z-index: $z-1;
17
+ background: $white;
18
+ box-shadow: 0 6px 14px rgba($black, .5);
19
+ padding: $space-smaller;
20
+ top: $input-height-base;
21
+ @include tablet-and-below {
22
+ tfoot {
23
+ td {
24
+ margin-top: $space-larger;
25
+ }
26
+ }
27
+ }
28
+ @include mobile-only {
29
+ width: 100%;
30
+ left: 0;
31
+ }
32
+ .rdt {
33
+ &Time, &Days, &Months, &Years {
34
+ & > table {
35
+ width: 100%;
36
+ }
37
+ }
38
+ &Time {
39
+ & > table {
40
+ td {
41
+ &:hover {
42
+ background: $white;
43
+ color: $black;
44
+ }
45
+ }
46
+ }
47
+ }
48
+ }
49
+ table {
50
+ thead {
51
+ th {
52
+ padding: $space-smaller;
53
+ text-align: center;
54
+ &.rdtSwitch {
55
+ @include solid-button(#fff)
56
+ display: table-cell;
57
+ }
58
+ &.rdtNext {
59
+ cursor: pointer;
60
+ }
61
+ }
62
+ }
63
+ tbody {
64
+ td {
65
+ padding: $space-smallest $space-small;
66
+ text-align: center;
67
+ cursor: pointer;
68
+ &:hover, &.rdtActive {
69
+ background: $power-blue;
70
+ color: $white;
71
+ }
72
+ &.current-day {
73
+ background: $light-yellow;
74
+ }
75
+ &.rdtOld, &.rdtNew {
76
+ color: $text-muted;
77
+ opacity: 0.7;
78
+ }
79
+ }
80
+ }
81
+ tfoot {
82
+ td {
83
+ margin-top: $space-base;
84
+ text-align: center;
85
+ @include solid-button($white)
86
+ display: table-cell;
87
+ }
88
+ }
89
+ }
90
+ }
91
+ .rdtTime {
92
+ .rdtCounters {
93
+ width: 50%;
94
+ margin: 0 auto;
95
+ font-size: $font-larger;
96
+ display: flex;
97
+ .rdtCounter {
98
+ flex: 1;
99
+ &Separator {
100
+ margin-top: $space-base * 4;
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
@@ -0,0 +1,407 @@
1
+ /**
2
+ * selectize.bootstrap3.css (v0.11.2) - Bootstrap 3 Theme
3
+ * Copyright (c) 2013 Brian Reavis & contributors
4
+ *
5
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6
+ * file except in compliance with the License. You may obtain a copy of the License at:
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software distributed under
10
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11
+ * ANY KIND, either express or implied. See the License for the specific language
12
+ * governing permissions and limitations under the License.
13
+ *
14
+ * @author Brian Reavis <brian@thirdroute.com>
15
+ */
16
+
17
+
18
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
19
+ visibility: visible !important;
20
+ background: #f2f2f2 !important;
21
+ background: rgba(0, 0, 0, 0.06) !important;
22
+ border: 0 none !important;
23
+ -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
24
+ box-shadow: inset 0 0 12px 4px #ffffff;
25
+ }
26
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
27
+ content: '!';
28
+ visibility: hidden;
29
+ }
30
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
31
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
32
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
33
+ }
34
+ .selectize-dropdown-header {
35
+ position: relative;
36
+ padding: 3px 12px;
37
+ border-bottom: 1px solid #d0d0d0;
38
+ background: #f8f8f8;
39
+ -webkit-border-radius: 4px 4px 0 0;
40
+ -moz-border-radius: 4px 4px 0 0;
41
+ border-radius: 4px 4px 0 0;
42
+ }
43
+ .selectize-dropdown-header-close {
44
+ position: absolute;
45
+ right: 12px;
46
+ top: 50%;
47
+ color: #333333;
48
+ opacity: 0.4;
49
+ margin-top: -12px;
50
+ line-height: 20px;
51
+ font-size: 20px !important;
52
+ }
53
+ .selectize-dropdown-header-close:hover {
54
+ color: #000000;
55
+ }
56
+ .selectize-dropdown.plugin-optgroup_columns .optgroup {
57
+ border-right: 1px solid #f2f2f2;
58
+ border-top: 0 none;
59
+ float: left;
60
+ -webkit-box-sizing: border-box;
61
+ -moz-box-sizing: border-box;
62
+ box-sizing: border-box;
63
+ }
64
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
65
+ border-right: 0 none;
66
+ }
67
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
68
+ display: none;
69
+ }
70
+ .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
71
+ border-top: 0 none;
72
+ }
73
+ .selectize-control.plugin-remove_button [data-value] {
74
+ position: relative;
75
+ padding-right: 24px !important;
76
+ }
77
+ .selectize-control.plugin-remove_button [data-value] .remove {
78
+ z-index: 1;
79
+ /* fixes ie bug (see #392) */
80
+ position: absolute;
81
+ top: 0;
82
+ right: 0;
83
+ bottom: 0;
84
+ width: 17px;
85
+ text-align: center;
86
+ font-weight: bold;
87
+ font-size: 12px;
88
+ color: inherit;
89
+ text-decoration: none;
90
+ vertical-align: middle;
91
+ display: inline-block;
92
+ padding: 1px 0 0 0;
93
+ border-left: 1px solid rgba(0, 0, 0, 0);
94
+ -webkit-border-radius: 0 2px 2px 0;
95
+ -moz-border-radius: 0 2px 2px 0;
96
+ border-radius: 0 2px 2px 0;
97
+ -webkit-box-sizing: border-box;
98
+ -moz-box-sizing: border-box;
99
+ box-sizing: border-box;
100
+ }
101
+ .selectize-control.plugin-remove_button [data-value] .remove:hover {
102
+ background: rgba(0, 0, 0, 0.05);
103
+ }
104
+ .selectize-control.plugin-remove_button [data-value].active .remove {
105
+ border-left-color: rgba(0, 0, 0, 0);
106
+ }
107
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
108
+ background: none;
109
+ }
110
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove {
111
+ border-left-color: rgba(77, 77, 77, 0);
112
+ }
113
+ .selectize-control {
114
+ position: relative;
115
+ }
116
+ .selectize-dropdown,
117
+ .selectize-input,
118
+ .selectize-input input {
119
+ color: #333333;
120
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
121
+ font-size: 14px;
122
+ line-height: 20px;
123
+ -webkit-font-smoothing: inherit;
124
+ }
125
+ .selectize-input,
126
+ .selectize-control.single .selectize-input.input-active {
127
+ background: #ffffff;
128
+ cursor: text;
129
+ display: inline-block;
130
+ }
131
+ .selectize-input {
132
+ display: inline-block;
133
+ width: 100%;
134
+ overflow: hidden;
135
+ position: relative;
136
+ z-index: 1;
137
+ -webkit-box-sizing: border-box;
138
+ -moz-box-sizing: border-box;
139
+ box-sizing: border-box;
140
+ padding: $padding-base-vertical ($padding-base-horizontal/1.5);
141
+ line-height: $line-height-base;
142
+ color: $gray-9;
143
+ border: 1px solid $form-border-color;
144
+ border-radius: $input-border-radius;
145
+ transition-property: border-color, box-shadow, color, background-color;
146
+ transition-duration: .24s;
147
+ transition-timing-function: $bezier;
148
+ @include select;
149
+ }
150
+ .selectize-control.multi .selectize-input.has-items {
151
+ padding: 5px 12px 2px;
152
+ }
153
+ .selectize-input.full {
154
+ background-color: #ffffff;
155
+ }
156
+ .selectize-input.disabled,
157
+ .selectize-input.disabled * {
158
+ cursor: default !important;
159
+ }
160
+ .selectize-input.focus {
161
+ -webkit-box-shadow: inset 0 1px 2px rgba($power-navy, 0.15);
162
+ box-shadow: inset 0 1px 2px rgba($power-navy, 0.15);
163
+ }
164
+ .selectize-input.dropdown-active {
165
+ -webkit-border-radius: 4px 4px 0 0;
166
+ -moz-border-radius: 4px 4px 0 0;
167
+ border-radius: 4px 4px 0 0;
168
+ }
169
+ .selectize-input > * {
170
+ vertical-align: baseline;
171
+ display: -moz-inline-stack;
172
+ display: inline-block;
173
+ zoom: 1;
174
+ *display: inline;
175
+ }
176
+ .selectize-control.multi .selectize-input > div {
177
+ cursor: pointer;
178
+ margin: 0 3px 3px 0;
179
+ padding: 1px 3px;
180
+ background: #efefef;
181
+ color: #333333;
182
+ border: 0 solid rgba(0, 0, 0, 0);
183
+ }
184
+ .selectize-control.multi .selectize-input > div.active {
185
+ background: #428bca;
186
+ color: #ffffff;
187
+ border: 0 solid rgba(0, 0, 0, 0);
188
+ }
189
+ .selectize-control.multi .selectize-input.disabled > div,
190
+ .selectize-control.multi .selectize-input.disabled > div.active {
191
+ color: #808080;
192
+ background: #ffffff;
193
+ border: 0 solid rgba(77, 77, 77, 0);
194
+ }
195
+ .selectize-input > input {
196
+ display: inline-block !important;
197
+ padding: 0 !important;
198
+ min-height: 0 !important;
199
+ max-height: none !important;
200
+ max-width: 100% !important;
201
+ margin: 0 !important;
202
+ text-indent: 0 !important;
203
+ border: 0 none !important;
204
+ background: none !important;
205
+ line-height: inherit !important;
206
+ -webkit-user-select: auto !important;
207
+ -webkit-box-shadow: none !important;
208
+ box-shadow: none !important;
209
+ }
210
+ .selectize-input > input::-ms-clear {
211
+ display: none;
212
+ }
213
+ .selectize-input > input:focus {
214
+ outline: none !important;
215
+ }
216
+ .selectize-input::after {
217
+ content: ' ';
218
+ display: block;
219
+ clear: left;
220
+ }
221
+ .selectize-input.dropdown-active::before {
222
+ content: ' ';
223
+ display: block;
224
+ position: absolute;
225
+ background: #ffffff;
226
+ height: 1px;
227
+ bottom: 0;
228
+ left: 0;
229
+ right: 0;
230
+ }
231
+ .selectize-dropdown {
232
+ position: absolute;
233
+ z-index: 10;
234
+ border: 1px solid #cccccc;
235
+ background: #ffffff;
236
+ margin: -1px 0 0 0;
237
+ border-top: 0 none;
238
+ -webkit-box-sizing: border-box;
239
+ -moz-box-sizing: border-box;
240
+ box-sizing: border-box;
241
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
242
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
243
+ -webkit-border-radius: 0 0 4px 4px;
244
+ -moz-border-radius: 0 0 4px 4px;
245
+ border-radius: 0 0 4px 4px;
246
+ }
247
+ .selectize-dropdown [data-selectable] {
248
+ cursor: pointer;
249
+ overflow: hidden;
250
+ }
251
+ .selectize-dropdown [data-selectable] .highlight {
252
+ background: rgba(255, 237, 40, 0.4);
253
+ -webkit-border-radius: 1px;
254
+ -moz-border-radius: 1px;
255
+ border-radius: 1px;
256
+ }
257
+ .selectize-dropdown [data-selectable],
258
+ .selectize-dropdown .optgroup-header {
259
+ padding: 3px 12px;
260
+ }
261
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
262
+ border-top: 0 none;
263
+ }
264
+ .selectize-dropdown .optgroup-header {
265
+ color: #777777;
266
+ background: #ffffff;
267
+ cursor: default;
268
+ }
269
+ .selectize-dropdown .active {
270
+ background-color: #f5f5f5;
271
+ color: #262626;
272
+ }
273
+ .selectize-dropdown .active.create {
274
+ color: #262626;
275
+ }
276
+ .selectize-dropdown .create {
277
+ color: rgba(51, 51, 51, 0.5);
278
+ }
279
+ .selectize-dropdown-content {
280
+ overflow-y: auto;
281
+ overflow-x: hidden;
282
+ max-height: 200px;
283
+ }
284
+ .selectize-control.single .selectize-input,
285
+ .selectize-control.single .selectize-input input {
286
+ cursor: pointer;
287
+ }
288
+ .selectize-control.single .selectize-input.input-active,
289
+ .selectize-control.single .selectize-input.input-active input {
290
+ cursor: text;
291
+ }
292
+ .selectize-control.single .selectize-input:after {
293
+ content: ' ';
294
+ display: block;
295
+ position: absolute;
296
+ top: 50%;
297
+ right: 17px;
298
+ margin-top: -3px;
299
+ width: 0;
300
+ height: 0;
301
+ border-style: solid;
302
+ border-width: 5px 5px 0 5px;
303
+ border-color: #333333 transparent transparent transparent;
304
+ display: none;
305
+ }
306
+ .selectize-control.single .selectize-input.dropdown-active:after {
307
+ margin-top: -4px;
308
+ border-width: 0 5px 5px 5px;
309
+ border-color: transparent transparent #333333 transparent;
310
+ display: block;
311
+ }
312
+ .selectize-control.rtl.single .selectize-input:after {
313
+ left: 17px;
314
+ right: auto;
315
+ }
316
+ .selectize-control.rtl .selectize-input > input {
317
+ margin: 0 4px 0 -2px !important;
318
+ }
319
+ .selectize-control .selectize-input.disabled {
320
+ opacity: 0.5;
321
+ background-color: #ffffff;
322
+ }
323
+ .selectize-dropdown,
324
+ .selectize-dropdown.form-control {
325
+ height: auto;
326
+ padding: 0;
327
+ margin: 2px 0 0 0;
328
+ z-index: 1000;
329
+ background: #ffffff;
330
+ border: 1px solid #cccccc;
331
+ border: 1px solid rgba(0, 0, 0, 0.15);
332
+ -webkit-border-radius: 4px;
333
+ -moz-border-radius: 4px;
334
+ border-radius: 4px;
335
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
336
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
337
+ }
338
+ .selectize-dropdown .optgroup-header {
339
+ font-size: 12px;
340
+ line-height: 1.42857143;
341
+ }
342
+ .selectize-dropdown .optgroup:first-child:before {
343
+ display: none;
344
+ }
345
+ .selectize-dropdown .optgroup:before {
346
+ content: ' ';
347
+ display: block;
348
+ height: 1px;
349
+ margin: 9px 0;
350
+ overflow: hidden;
351
+ background-color: #e5e5e5;
352
+ margin-left: -12px;
353
+ margin-right: -12px;
354
+ }
355
+ .selectize-dropdown-content {
356
+ padding: 5px 0;
357
+ }
358
+ .selectize-dropdown-header {
359
+ padding: 6px 12px;
360
+ }
361
+ .selectize-input {
362
+ min-height: $input-height-base;
363
+ }
364
+ .selectize-input.dropdown-active {
365
+ -webkit-border-radius: 4px;
366
+ -moz-border-radius: 4px;
367
+ border-radius: 4px;
368
+ }
369
+ .selectize-input.dropdown-active::before {
370
+ display: none;
371
+ }
372
+ .selectize-input.focus {
373
+ border-color: shade($border-color, 10%);
374
+ outline: 0;
375
+ -webkit-box-shadow: inset 0 1px 1px rgba($power-navy,.075), 0 0 8px rgba(102, 175, 233, 0.6);
376
+ box-shadow: inset 0 1px 1px rgba($power-navy,.075), 0 0 8px rgba(102, 175, 233, 0.6);
377
+ }
378
+ .has-error .selectize-input {
379
+ border-color: #a94442;
380
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
381
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
382
+ }
383
+ .has-error .selectize-input:focus {
384
+ border-color: #843534;
385
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
386
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
387
+ }
388
+ .selectize-control.multi .selectize-input.has-items {
389
+ padding-left: 9px;
390
+ padding-right: 9px;
391
+ }
392
+ .selectize-control.multi .selectize-input > div {
393
+ -webkit-border-radius: 3px;
394
+ -moz-border-radius: 3px;
395
+ border-radius: 3px;
396
+ }
397
+ .form-control.selectize-control {
398
+ padding: 0;
399
+ height: auto;
400
+ border: none;
401
+ background: none;
402
+ -webkit-box-shadow: none;
403
+ box-shadow: none;
404
+ -webkit-border-radius: 0;
405
+ -moz-border-radius: 0;
406
+ border-radius: 0;
407
+ }