vbax-becky_thatcher 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (187) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +8 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +21 -0
  5. data/README.md +39 -0
  6. data/Rakefile +2 -0
  7. data/bin/console +14 -0
  8. data/bin/setup +8 -0
  9. data/lib/vbax/becky_thatcher/engine.rb +14 -0
  10. data/lib/vbax/becky_thatcher/version.rb +5 -0
  11. data/lib/vbax/becky_thatcher.rb +8 -0
  12. data/lib/vbax/sass/becky_thatcher/bootstrap/_alert.scss +51 -0
  13. data/lib/vbax/sass/becky_thatcher/bootstrap/_badge.scss +47 -0
  14. data/lib/vbax/sass/becky_thatcher/bootstrap/_breadcrumb.scss +41 -0
  15. data/lib/vbax/sass/becky_thatcher/bootstrap/_button-group.scss +172 -0
  16. data/lib/vbax/sass/becky_thatcher/bootstrap/_buttons.scss +143 -0
  17. data/lib/vbax/sass/becky_thatcher/bootstrap/_card.scss +301 -0
  18. data/lib/vbax/sass/becky_thatcher/bootstrap/_carousel.scss +236 -0
  19. data/lib/vbax/sass/becky_thatcher/bootstrap/_close.scss +35 -0
  20. data/lib/vbax/sass/becky_thatcher/bootstrap/_code.scss +48 -0
  21. data/lib/vbax/sass/becky_thatcher/bootstrap/_custom-forms.scss +433 -0
  22. data/lib/vbax/sass/becky_thatcher/bootstrap/_dropdown.scss +166 -0
  23. data/lib/vbax/sass/becky_thatcher/bootstrap/_forms.scss +333 -0
  24. data/lib/vbax/sass/becky_thatcher/bootstrap/_functions.scss +86 -0
  25. data/lib/vbax/sass/becky_thatcher/bootstrap/_grid.scss +52 -0
  26. data/lib/vbax/sass/becky_thatcher/bootstrap/_images.scss +42 -0
  27. data/lib/vbax/sass/becky_thatcher/bootstrap/_input-group.scss +173 -0
  28. data/lib/vbax/sass/becky_thatcher/bootstrap/_jumbotron.scss +16 -0
  29. data/lib/vbax/sass/becky_thatcher/bootstrap/_list-group.scss +115 -0
  30. data/lib/vbax/sass/becky_thatcher/bootstrap/_media.scss +8 -0
  31. data/lib/vbax/sass/becky_thatcher/bootstrap/_mixins.scss +41 -0
  32. data/lib/vbax/sass/becky_thatcher/bootstrap/_modal.scss +180 -0
  33. data/lib/vbax/sass/becky_thatcher/bootstrap/_nav.scss +118 -0
  34. data/lib/vbax/sass/becky_thatcher/bootstrap/_navbar.scss +299 -0
  35. data/lib/vbax/sass/becky_thatcher/bootstrap/_pagination.scss +78 -0
  36. data/lib/vbax/sass/becky_thatcher/bootstrap/_popover.scss +183 -0
  37. data/lib/vbax/sass/becky_thatcher/bootstrap/_print.scss +141 -0
  38. data/lib/vbax/sass/becky_thatcher/bootstrap/_progress.scss +34 -0
  39. data/lib/vbax/sass/becky_thatcher/bootstrap/_reboot.scss +483 -0
  40. data/lib/vbax/sass/becky_thatcher/bootstrap/_root.scss +19 -0
  41. data/lib/vbax/sass/becky_thatcher/bootstrap/_tables.scss +187 -0
  42. data/lib/vbax/sass/becky_thatcher/bootstrap/_tooltip.scss +115 -0
  43. data/lib/vbax/sass/becky_thatcher/bootstrap/_transitions.scss +22 -0
  44. data/lib/vbax/sass/becky_thatcher/bootstrap/_type.scss +125 -0
  45. data/lib/vbax/sass/becky_thatcher/bootstrap/_utilities.scss +15 -0
  46. data/lib/vbax/sass/becky_thatcher/bootstrap/_variables.scss +952 -0
  47. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_alert.scss +13 -0
  48. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_background-variant.scss +21 -0
  49. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_badge.scss +12 -0
  50. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_border-radius.scss +35 -0
  51. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_box-shadow.scss +5 -0
  52. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_breakpoints.scss +123 -0
  53. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_buttons.scss +109 -0
  54. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_caret.scss +66 -0
  55. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_clearfix.scss +7 -0
  56. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_float.scss +11 -0
  57. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_forms.scss +147 -0
  58. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_gradients.scss +45 -0
  59. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_grid-framework.scss +67 -0
  60. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_grid.scss +52 -0
  61. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_hover.scss +37 -0
  62. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_image.scss +36 -0
  63. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_list-group.scss +21 -0
  64. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_lists.scss +7 -0
  65. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_nav-divider.scss +10 -0
  66. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_pagination.scss +22 -0
  67. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_reset-text.scss +17 -0
  68. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_resize.scss +6 -0
  69. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_screen-reader.scss +33 -0
  70. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_size.scss +6 -0
  71. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_table-row.scss +30 -0
  72. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_text-emphasis.scss +14 -0
  73. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_text-hide.scss +13 -0
  74. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_text-truncate.scss +8 -0
  75. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_transition.scss +13 -0
  76. data/lib/vbax/sass/becky_thatcher/bootstrap/mixins/_visibility.scss +7 -0
  77. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_align.scss +8 -0
  78. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_background.scss +19 -0
  79. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_borders.scss +59 -0
  80. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_clearfix.scss +3 -0
  81. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_display.scss +38 -0
  82. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_embed.scss +52 -0
  83. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_flex.scss +51 -0
  84. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_float.scss +9 -0
  85. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_position.scss +37 -0
  86. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_screenreaders.scss +11 -0
  87. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_shadows.scss +6 -0
  88. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_sizing.scss +12 -0
  89. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_spacing.scss +51 -0
  90. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_text.scss +58 -0
  91. data/lib/vbax/sass/becky_thatcher/bootstrap/utilities/_visibility.scss +11 -0
  92. data/lib/vbax/sass/becky_thatcher/custom/_alerts.scss +89 -0
  93. data/lib/vbax/sass/becky_thatcher/custom/_avatars.scss +51 -0
  94. data/lib/vbax/sass/becky_thatcher/custom/_badge.scss +25 -0
  95. data/lib/vbax/sass/becky_thatcher/custom/_buttons.scss +281 -0
  96. data/lib/vbax/sass/becky_thatcher/custom/_card.scss +223 -0
  97. data/lib/vbax/sass/becky_thatcher/custom/_checkboxes-radio.scss +154 -0
  98. data/lib/vbax/sass/becky_thatcher/custom/_close.scss +29 -0
  99. data/lib/vbax/sass/becky_thatcher/custom/_custom-forms.scss +186 -0
  100. data/lib/vbax/sass/becky_thatcher/custom/_dropdown.scss +361 -0
  101. data/lib/vbax/sass/becky_thatcher/custom/_example-pages.scss +319 -0
  102. data/lib/vbax/sass/becky_thatcher/custom/_fixed-plugin.scss +335 -0
  103. data/lib/vbax/sass/becky_thatcher/custom/_footer.scss +109 -0
  104. data/lib/vbax/sass/becky_thatcher/custom/_forms.scss +146 -0
  105. data/lib/vbax/sass/becky_thatcher/custom/_functions.scss +23 -0
  106. data/lib/vbax/sass/becky_thatcher/custom/_global.scss +172 -0
  107. data/lib/vbax/sass/becky_thatcher/custom/_grid.scss +5 -0
  108. data/lib/vbax/sass/becky_thatcher/custom/_icons.scss +92 -0
  109. data/lib/vbax/sass/becky_thatcher/custom/_images.scss +7 -0
  110. data/lib/vbax/sass/becky_thatcher/custom/_info-areas.scss +170 -0
  111. data/lib/vbax/sass/becky_thatcher/custom/_input-group.scss +342 -0
  112. data/lib/vbax/sass/becky_thatcher/custom/_misc.scss +215 -0
  113. data/lib/vbax/sass/becky_thatcher/custom/_mixins.scss +15 -0
  114. data/lib/vbax/sass/becky_thatcher/custom/_modal.scss +257 -0
  115. data/lib/vbax/sass/becky_thatcher/custom/_nav.scss +85 -0
  116. data/lib/vbax/sass/becky_thatcher/custom/_navbar.scss +480 -0
  117. data/lib/vbax/sass/becky_thatcher/custom/_pagination.scss +141 -0
  118. data/lib/vbax/sass/becky_thatcher/custom/_pills.scss +169 -0
  119. data/lib/vbax/sass/becky_thatcher/custom/_popover.scss +14 -0
  120. data/lib/vbax/sass/becky_thatcher/custom/_progress.scss +103 -0
  121. data/lib/vbax/sass/becky_thatcher/custom/_reboot.scss +18 -0
  122. data/lib/vbax/sass/becky_thatcher/custom/_rtl.scss +268 -0
  123. data/lib/vbax/sass/becky_thatcher/custom/_sidebar-and-main-panel.scss +912 -0
  124. data/lib/vbax/sass/becky_thatcher/custom/_tables.scss +248 -0
  125. data/lib/vbax/sass/becky_thatcher/custom/_tabs.scss +110 -0
  126. data/lib/vbax/sass/becky_thatcher/custom/_timeline.scss +251 -0
  127. data/lib/vbax/sass/becky_thatcher/custom/_type.scss +166 -0
  128. data/lib/vbax/sass/becky_thatcher/custom/_utilities.scss +9 -0
  129. data/lib/vbax/sass/becky_thatcher/custom/_variables.scss +997 -0
  130. data/lib/vbax/sass/becky_thatcher/custom/_white-content.scss +491 -0
  131. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-animation-on-hover.scss +7 -0
  132. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-chart.scss +84 -0
  133. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-collapse.scss +51 -0
  134. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-contributions.scss +55 -0
  135. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-lock.scss +18 -0
  136. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-map.scss +3 -0
  137. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-plain.scss +16 -0
  138. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-pricing.scss +190 -0
  139. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-profile.scss +49 -0
  140. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-register.scss +79 -0
  141. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-stats-mini.scss +53 -0
  142. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-stats.scss +80 -0
  143. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-subcategories.scss +3 -0
  144. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-task.scss +31 -0
  145. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-testimonials.scss +46 -0
  146. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-user.scss +77 -0
  147. data/lib/vbax/sass/becky_thatcher/custom/cards/_card-wizard.scss +21 -0
  148. data/lib/vbax/sass/becky_thatcher/custom/mixins/_alert.scss +14 -0
  149. data/lib/vbax/sass/becky_thatcher/custom/mixins/_background-variant.scss +18 -0
  150. data/lib/vbax/sass/becky_thatcher/custom/mixins/_badges.scss +15 -0
  151. data/lib/vbax/sass/becky_thatcher/custom/mixins/_buttons.scss +343 -0
  152. data/lib/vbax/sass/becky_thatcher/custom/mixins/_dropdown.scss +26 -0
  153. data/lib/vbax/sass/becky_thatcher/custom/mixins/_forms.scss +127 -0
  154. data/lib/vbax/sass/becky_thatcher/custom/mixins/_icon.scss +4 -0
  155. data/lib/vbax/sass/becky_thatcher/custom/mixins/_inputs.scss +234 -0
  156. data/lib/vbax/sass/becky_thatcher/custom/mixins/_modals.scss +15 -0
  157. data/lib/vbax/sass/becky_thatcher/custom/mixins/_page-header.scss +7 -0
  158. data/lib/vbax/sass/becky_thatcher/custom/mixins/_popovers.scss +41 -0
  159. data/lib/vbax/sass/becky_thatcher/custom/mixins/_vendor-prefixes.scss +202 -0
  160. data/lib/vbax/sass/becky_thatcher/custom/mixins/_wizard.scss +26 -0
  161. data/lib/vbax/sass/becky_thatcher/custom/mixins/opacity.scss +8 -0
  162. data/lib/vbax/sass/becky_thatcher/custom/utilities/_backgrounds.scss +42 -0
  163. data/lib/vbax/sass/becky_thatcher/custom/utilities/_floating.scss +54 -0
  164. data/lib/vbax/sass/becky_thatcher/custom/utilities/_helper.scss +62 -0
  165. data/lib/vbax/sass/becky_thatcher/custom/utilities/_position.scss +19 -0
  166. data/lib/vbax/sass/becky_thatcher/custom/utilities/_shadows.scss +10 -0
  167. data/lib/vbax/sass/becky_thatcher/custom/utilities/_sizing.scss +5 -0
  168. data/lib/vbax/sass/becky_thatcher/custom/utilities/_spacing.scss +105 -0
  169. data/lib/vbax/sass/becky_thatcher/custom/utilities/_text.scss +40 -0
  170. data/lib/vbax/sass/becky_thatcher/custom/utilities/_transform.scss +8 -0
  171. data/lib/vbax/sass/becky_thatcher/custom/vendor/_icons.scss +415 -0
  172. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-animate-bootstrap-notify.scss +227 -0
  173. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-bootstrap-select.scss +358 -0
  174. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-bootstrap-switch.scss +316 -0
  175. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-card-wizard.scss +315 -0
  176. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-datatables.net.scss +135 -0
  177. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-datetimepicker.scss +527 -0
  178. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-fullcalendar.scss +1528 -0
  179. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-jasny-fileupload.scss +116 -0
  180. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-jquery.jvectormap.scss +136 -0
  181. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-nouislider.scss +373 -0
  182. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-perfect-scrollbar.scss +116 -0
  183. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-sweetalert2.scss +711 -0
  184. data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-tagsinput.scss +79 -0
  185. data/lib/vbax/sass/becky_thatcher.scss +144 -0
  186. data/vbax-becky_thatcher.gemspec +41 -0
  187. metadata +257 -0
@@ -0,0 +1,234 @@
1
+ @mixin input-size($padding-vertical, $padding-horizontal){
2
+ padding: $padding-vertical $padding-horizontal;
3
+ }
4
+
5
+ @mixin form-control-placeholder($color, $opacity){
6
+ .form-control::-moz-placeholder{
7
+ color: $color;
8
+ @include opacity(1);
9
+ }
10
+ .form-control:-moz-placeholder{
11
+ color: $color;
12
+ @include opacity(1);
13
+ }
14
+ .form-control::-webkit-input-placeholder{
15
+ color: $color;
16
+ @include opacity(1);
17
+ }
18
+ .form-control:-ms-input-placeholder{
19
+ color: $color;
20
+ @include opacity(1);
21
+ }
22
+ }
23
+
24
+ @mixin placeholder() {
25
+ &::-moz-placeholder {@content; } // Firefox
26
+ &:-ms-input-placeholder {@content; } // Internet Explorer 10+
27
+ &::-webkit-input-placeholder {@content; } // Safari and Chrome
28
+ }
29
+
30
+ @mixin light-form(){
31
+ border-radius: 0;
32
+ border:0;
33
+ padding: 0;
34
+ background-color: transparent;
35
+
36
+ }
37
+
38
+
39
+ @mixin form-control-lg-padding($padding-vertical, $padding-horizontal) {
40
+ .form-group.no-border.form-control-lg,
41
+ .input-group.no-border.form-control-lg{
42
+ .input-group-append .input-group-text{
43
+ padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
44
+ }
45
+
46
+ .form-control{
47
+ padding: $padding-vertical $padding-horizontal;
48
+
49
+ & + .input-group-prepend .input-group-text,
50
+ & + .input-group-append .input-group-text{
51
+ padding: $padding-vertical $padding-horizontal $padding-vertical 0;
52
+ }
53
+
54
+
55
+ }
56
+ }
57
+
58
+ .form-group.form-control-lg,
59
+ .input-group.form-control-lg{
60
+ .form-control{
61
+ padding: $padding-vertical - 1 $padding-horizontal - 1;
62
+ height: 100%;
63
+
64
+ & + .input-group-prepend .input-group-text,
65
+ & + .input-group-append .input-group-text{
66
+ padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
67
+ }
68
+ }
69
+
70
+ .input-group-prepend .input-group-text,
71
+ .input-group-append .input-group-text{
72
+ padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;
73
+
74
+ & + .form-control{
75
+ padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;
76
+ }
77
+ }
78
+ }
79
+ }
80
+
81
+
82
+
83
+ @mixin input-base-padding($padding-vertical, $padding-horizontal) {
84
+ .form-group.no-border,
85
+ .input-group.no-border{
86
+ .form-control{
87
+ padding: $padding-vertical $padding-horizontal;
88
+
89
+ & + .input-group-prepend .input-group-text,
90
+ & + .input-group-append .input-group-text{
91
+ padding: $padding-vertical $padding-horizontal $padding-vertical 0;
92
+ }
93
+ }
94
+
95
+ .input-group-prepend .input-group-text,
96
+ .input-group-append .input-group-text{
97
+ padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
98
+ }
99
+ }
100
+
101
+ .form-group,
102
+ .input-group{
103
+ .form-control{
104
+ padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1;
105
+
106
+ & + .input-group-prepend .input-group-text,
107
+ & + .input-group-append .input-group-text{
108
+ padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
109
+ }
110
+ }
111
+
112
+ .input-group-prepend .input-group-text,
113
+ .input-group-append .input-group-text{
114
+ padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal - 1;
115
+
116
+ & + .form-control,
117
+ & ~ .form-control{
118
+ padding:$padding-vertical - 1 $padding-horizontal $padding-vertical $padding-horizontal - 3;
119
+ }
120
+ }
121
+ }
122
+ }
123
+
124
+
125
+ //color1 = $opacity-5
126
+ //color2 = $opacity-8
127
+ //color3 = $white-color
128
+ //color4 = $transparent-bg
129
+ //color5 = $opacity-1
130
+ //color6 = $opacity-2
131
+
132
+
133
+ @mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) {
134
+ @include form-control-placeholder(rgba($white, 0.4), 1);
135
+
136
+ .form-control{
137
+ border-color: $color1;
138
+ color: $color2;
139
+
140
+ &:focus{
141
+ border-color: $color3;
142
+ background-color: $color4;
143
+ color: $color3;
144
+ }
145
+ }
146
+
147
+ .has-success,
148
+ .has-danger{
149
+ &:after{
150
+ color: $color3;
151
+ }
152
+ }
153
+
154
+ .has-danger{
155
+ .form-control{
156
+ background-color: $color4;
157
+ }
158
+ }
159
+
160
+ .input-group-prepend{
161
+ margin-right: 0;
162
+ }
163
+
164
+ .input-group-prepend .input-group-text,
165
+ .input-group-append .input-group-text{
166
+ background-color: rgba($background-black, 0.2);
167
+ border-color: $color1;
168
+ color: $color2;
169
+
170
+
171
+ }
172
+
173
+ .input-group-focus{
174
+ .input-group-prepend .input-group-text,
175
+ .input-group-append .input-group-text{
176
+ background-color: rgba($background-black, 0.3);
177
+ border-color: $color3;
178
+ color: $color3;
179
+ }
180
+ }
181
+
182
+ .form-group.no-border,
183
+ .input-group.no-border{
184
+ .form-control{
185
+ background-color: rgba($background-black,0.2);
186
+ color: $color2;
187
+
188
+ &:focus,
189
+ &:active,
190
+ &:active{
191
+ background-color: rgba($background-black,0.3);
192
+ color: $color3;
193
+ }
194
+ }
195
+
196
+ .form-control + .input-group-prepend .input-group-text,
197
+ .form-control + .input-group-append .input-group-text{
198
+ background-color: rgba($background-black,0.2);;
199
+
200
+ &:focus,
201
+ &:active,
202
+ &:active{
203
+ background-color: rgba($background-black,0.3);
204
+ color: $color3;
205
+ }
206
+ }
207
+
208
+ .form-control{
209
+ &:focus{
210
+ & + .input-group-prepend .input-group-text,
211
+ & + .input-group-append .input-group-text{
212
+ background-color: rgba($background-black, 0.3);
213
+ color: $color3;
214
+ }
215
+ }
216
+ }
217
+
218
+ .input-group-prepend .input-group-text,
219
+ .input-group-append .input-group-text{
220
+ background-color: rgba($background-black, 0.2);
221
+ border: none;
222
+ color: $color2;
223
+ }
224
+
225
+ &.input-group-focus{
226
+ .input-group-prepend .input-group-text,
227
+ .input-group-append .input-group-text{
228
+ background-color: rgba($background-black, 0.3);
229
+ color: $color3;
230
+ }
231
+ }
232
+ }
233
+
234
+ }
@@ -0,0 +1,15 @@
1
+ @mixin modal-colors($bg-color, $color) {
2
+ .modal-content{
3
+ background-color: $bg-color;
4
+ color: $color;
5
+ }
6
+
7
+ .modal-body p{
8
+ color: rgba($white, 0.8);
9
+ }
10
+
11
+ //inputs
12
+ @include input-coloured-bg($opacity-5, $white, $white, $transparent-bg, $opacity-1, $opacity-2);
13
+
14
+
15
+ }
@@ -0,0 +1,7 @@
1
+ @mixin linear-gradient($color1, $color2){
2
+ background: $color1; /* For browsers that do not support gradients */
3
+ background: -webkit-linear-gradient(90deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */
4
+ background: -o-linear-gradient(90deg, $color1, $color2); /* For Opera 11.1 to 12.0 */
5
+ background: -moz-linear-gradient(90deg, $color1, $color2); /* For Firefox 3.6 to 15 */
6
+ background: linear-gradient(0deg, $color1 , $color2); /* Standard syntax */
7
+ }
@@ -0,0 +1,41 @@
1
+ @mixin popover-variant($background) {
2
+ background-color: $background;
3
+
4
+ .popover-header {
5
+ background-color: $background;
6
+ color: color-yiq($background);
7
+ opacity: .6;
8
+ }
9
+
10
+ .popover-body {
11
+ color: color-yiq($background);
12
+ }
13
+
14
+ .popover-header{
15
+ border-color: rgba(color-yiq($background), .2);
16
+ }
17
+
18
+ &.bs-popover-top {
19
+ .arrow::after {
20
+ border-top-color: $background;
21
+ }
22
+ }
23
+
24
+ &.bs-popover-right {
25
+ .arrow::after {
26
+ border-right-color: $background;
27
+ }
28
+ }
29
+
30
+ &.bs-popover-bottom {
31
+ .arrow::after {
32
+ border-bottom-color: $background;
33
+ }
34
+ }
35
+
36
+ &.bs-popover-left {
37
+ .arrow::after {
38
+ border-left-color: $background;
39
+ }
40
+ }
41
+ }
@@ -0,0 +1,202 @@
1
+
2
+ @mixin transform-translate-x($value){
3
+ -webkit-transform: translate3d($value, 0, 0);
4
+ -moz-transform: translate3d($value, 0, 0);
5
+ -o-transform: translate3d($value, 0, 0);
6
+ -ms-transform: translate3d($value, 0, 0);
7
+ transform: translate3d($value, 0, 0);
8
+ }
9
+
10
+ @mixin transform-translate-y($value){
11
+ -webkit-transform: translate3d(0,$value,0);
12
+ -moz-transform: translate3d(0,$value,0);
13
+ -o-transform: translate3d(0,$value,0);
14
+ -ms-transform: translate3d(0,$value,0);
15
+ transform: translate3d(0,$value,0);
16
+ }
17
+
18
+ @mixin transitions($time, $type){
19
+ -webkit-transition: all $time $type;
20
+ -moz-transition: all $time $type;
21
+ -o-transition: all $time $type;
22
+ -ms-transition: all $time $type;
23
+ transition: all $time $type;
24
+ }
25
+
26
+ @mixin diagonal-gradient($start-color, $end-color){
27
+ background: $start-color;
28
+ background-image: -webkit-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
29
+ background-image: -o-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
30
+ background-image: -moz-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
31
+ background-image: linear-gradient(to bottom left, $start-color, $end-color, $start-color);
32
+ background-size: 210% 210%;
33
+ background-position: top right;
34
+ }
35
+
36
+ @mixin bar-animation($type){
37
+ -webkit-animation: $type 500ms linear 0s;
38
+ -moz-animation: $type 500ms linear 0s;
39
+ animation: $type 500ms 0s;
40
+ -webkit-animation-fill-mode: forwards;
41
+ -moz-animation-fill-mode: forwards;
42
+ animation-fill-mode: forwards;
43
+ }
44
+
45
+ @mixin rotate-180(){
46
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
47
+ -webkit-transform: rotate(180deg);
48
+ -ms-transform: rotate(180deg);
49
+ transform: rotate(180deg);
50
+ }
51
+
52
+ @mixin transform-translate-y-dropdown($value) {
53
+ -webkit-transform: translate3d(0,$value,0) !important;
54
+ -moz-transform: translate3d(0,$value,0) !important;
55
+ -o-transform: translate3d(0,$value,0) !important;
56
+ -ms-transform: translate3d(0,$value,0) !important;
57
+ transform: translate3d(0,$value,0) !important;
58
+ }
59
+
60
+ @mixin linear-gradient($color, $states-color){
61
+ background: $color;
62
+ background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
63
+ background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
64
+ background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
65
+ background: linear-gradient(0deg, $color 0%, $states-color 100%);
66
+ }
67
+
68
+ @mixin linear-gradient-right($color, $states-color){
69
+ background: $color;
70
+ background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
71
+ background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
72
+ background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
73
+ background: linear-gradient(to right, $color 0%, $states-color 100%);
74
+ }
75
+
76
+ @mixin sidebar-color($color){
77
+ &:after{
78
+ background: $color;
79
+ }
80
+
81
+ .nav li.active > a{
82
+ color: $color;
83
+
84
+ i{
85
+ color: $color;
86
+ }
87
+ }
88
+ }
89
+
90
+ @mixin transition-input-focus-color() {
91
+ -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
92
+ -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
93
+ -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
94
+ -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
95
+ transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
96
+ }
97
+
98
+ @mixin topbar-x-rotation(){
99
+ @keyframes topbar-x {
100
+ 0% {top: 0px; transform: rotate(0deg); }
101
+ 45% {top: 6px; transform: rotate(145deg); }
102
+ 75% {transform: rotate(130deg); }
103
+ 100% {transform: rotate(135deg); }
104
+ }
105
+ @-webkit-keyframes topbar-x {
106
+ 0% {top: 0px; -webkit-transform: rotate(0deg); }
107
+ 45% {top: 6px; -webkit-transform: rotate(145deg); }
108
+ 75% {-webkit-transform: rotate(130deg); }
109
+ 100% { -webkit-transform: rotate(135deg); }
110
+ }
111
+ @-moz-keyframes topbar-x {
112
+ 0% {top: 0px; -moz-transform: rotate(0deg); }
113
+ 45% {top: 6px; -moz-transform: rotate(145deg); }
114
+ 75% {-moz-transform: rotate(130deg); }
115
+ 100% { -moz-transform: rotate(135deg); }
116
+ }
117
+ }
118
+
119
+ @mixin topbar-back-rotation(){
120
+ @keyframes topbar-back {
121
+ 0% { top: 6px; transform: rotate(135deg); }
122
+ 45% { transform: rotate(-10deg); }
123
+ 75% { transform: rotate(5deg); }
124
+ 100% { top: 0px; transform: rotate(0); }
125
+ }
126
+
127
+ @-webkit-keyframes topbar-back {
128
+ 0% { top: 6px; -webkit-transform: rotate(135deg); }
129
+ 45% { -webkit-transform: rotate(-10deg); }
130
+ 75% { -webkit-transform: rotate(5deg); }
131
+ 100% { top: 0px; -webkit-transform: rotate(0); }
132
+ }
133
+
134
+ @-moz-keyframes topbar-back {
135
+ 0% { top: 6px; -moz-transform: rotate(135deg); }
136
+ 45% { -moz-transform: rotate(-10deg); }
137
+ 75% { -moz-transform: rotate(5deg); }
138
+ 100% { top: 0px; -moz-transform: rotate(0); }
139
+ }
140
+ }
141
+
142
+ @mixin bottombar-x-rotation(){
143
+ @keyframes bottombar-x {
144
+ 0% {bottom: 0px; transform: rotate(0deg);}
145
+ 45% {bottom: 6px; transform: rotate(-145deg);}
146
+ 75% {transform: rotate(-130deg);}
147
+ 100% {transform: rotate(-135deg);}
148
+ }
149
+ @-webkit-keyframes bottombar-x {
150
+ 0% {bottom: 0px; -webkit-transform: rotate(0deg);}
151
+ 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
152
+ 75% {-webkit-transform: rotate(-130deg);}
153
+ 100% {-webkit-transform: rotate(-135deg);}
154
+ }
155
+ @-moz-keyframes bottombar-x {
156
+ 0% {bottom: 0px; -moz-transform: rotate(0deg);}
157
+ 45% {bottom: 6px; -moz-transform: rotate(-145deg);}
158
+ 75% {-moz-transform: rotate(-130deg);}
159
+ 100% {-moz-transform: rotate(-135deg);}
160
+ }
161
+ }
162
+
163
+ @mixin bottombar-back-rotation{
164
+ @keyframes bottombar-back {
165
+ 0% { bottom: 6px;transform: rotate(-135deg);}
166
+ 45% { transform: rotate(10deg);}
167
+ 75% { transform: rotate(-5deg);}
168
+ 100% { bottom: 0px;transform: rotate(0);}
169
+ }
170
+ @-webkit-keyframes bottombar-back {
171
+ 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
172
+ 45% {-webkit-transform: rotate(10deg);}
173
+ 75% {-webkit-transform: rotate(-5deg);}
174
+ 100% {bottom: 0px;-webkit-transform: rotate(0);}
175
+ }
176
+ @-moz-keyframes bottombar-back {
177
+ 0% {bottom: 6px;-moz-transform: rotate(-135deg);}
178
+ 45% {-moz-transform: rotate(10deg);}
179
+ 75% {-moz-transform: rotate(-5deg);}
180
+ 100% {bottom: 0px;-moz-transform: rotate(0);}
181
+ }
182
+
183
+ }
184
+
185
+
186
+ @mixin nc-rotate($degrees, $rotation) {
187
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
188
+ -webkit-transform: rotate($degrees);
189
+ -moz-transform: rotate($degrees);
190
+ -ms-transform: rotate($degrees);
191
+ -o-transform: rotate($degrees);
192
+ transform: rotate($degrees);
193
+ }
194
+
195
+ @mixin nc-flip($horiz, $vert, $rotation) {
196
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
197
+ -webkit-transform: scale($horiz, $vert);
198
+ -moz-transform: scale($horiz, $vert);
199
+ -ms-transform: scale($horiz, $vert);
200
+ -o-transform: scale($horiz, $vert);
201
+ transform: scale($horiz, $vert);
202
+ }
@@ -0,0 +1,26 @@
1
+ @mixin set-wizard-color($color) {
2
+ .progress-with-circle .progress-bar{
3
+ background: $color;
4
+ }
5
+
6
+ .nav-pills .nav-item .nav-link{
7
+ color: $color;
8
+
9
+ &.checked, &.active{
10
+ background: $color;
11
+ color: white;
12
+ }
13
+ &:hover{
14
+ background: $white;
15
+ }
16
+ }
17
+
18
+ .nav-pills .nav-item .nav-link.active,
19
+ .nav-pills .nav-item .nav-link.checked:focus,
20
+ .nav-pills .nav-item .nav-link.checked:hover,
21
+ .nav-pills .nav-item .nav-link.active:focus,
22
+ .nav-pills .nav-item .nav-link.active:hover{
23
+ background: $color;
24
+ }
25
+
26
+ }
@@ -0,0 +1,8 @@
1
+ // Opacity
2
+
3
+ @mixin opacity($opacity) {
4
+ opacity: $opacity;
5
+ // IE8 filter
6
+ $opacity-ie: ($opacity * 100);
7
+ filter: #{alpha(opacity=$opacity-ie)};
8
+ }
@@ -0,0 +1,42 @@
1
+ @each $color, $value in $colors {
2
+ @include bg-variant(".bg-#{$color}", $value);
3
+ }
4
+
5
+ @each $color, $value in $theme-colors {
6
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
7
+ }
8
+
9
+ @each $color, $value in $colors {
10
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
11
+ }
12
+
13
+
14
+ // Sections
15
+
16
+ section {
17
+ //background-color: section-color("primary");
18
+ }
19
+
20
+ @each $color, $value in $section-colors {
21
+ @include bg-variant(".section-#{$color}", $value);
22
+ }
23
+
24
+ @each $color, $value in $theme-colors {
25
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
26
+ }
27
+
28
+
29
+ // Shape (svg) fill colors
30
+ @each $color, $value in $theme-colors {
31
+ .fill-#{$color} {
32
+ fill: $value;
33
+ }
34
+
35
+ .stroke-#{$color} {
36
+ stroke: $value;
37
+ }
38
+ }
39
+
40
+ .fill-opacity-8 {
41
+ fill-opacity: .8;
42
+ }
@@ -0,0 +1,54 @@
1
+ .floating {
2
+ animation: floating 3s ease infinite;
3
+ will-change: transform;
4
+
5
+ &:hover {
6
+ animation-play-state: paused;
7
+ }
8
+ }
9
+
10
+ .floating-lg {
11
+ animation: floating-lg 3s ease infinite;
12
+ }
13
+
14
+ .floating-sm {
15
+ animation: floating-sm 3s ease infinite;
16
+ }
17
+
18
+ // Keyframes
19
+
20
+ @keyframes floating-lg {
21
+ 0% {
22
+ transform: translateY(0px)
23
+ }
24
+ 50% {
25
+ transform: translateY(15px)
26
+ }
27
+ 100% {
28
+ transform: translateY(0px)
29
+ }
30
+ }
31
+
32
+ @keyframes floating {
33
+ 0% {
34
+ transform: translateY(0px)
35
+ }
36
+ 50% {
37
+ transform: translateY(10px)
38
+ }
39
+ 100% {
40
+ transform: translateY(0px)
41
+ }
42
+ }
43
+
44
+ @keyframes floating-sm {
45
+ 0% {
46
+ transform: translateY(0px)
47
+ }
48
+ 50% {
49
+ transform: translateY(5px)
50
+ }
51
+ 100% {
52
+ transform: translateY(0px)
53
+ }
54
+ }
@@ -0,0 +1,62 @@
1
+ // Image
2
+
3
+ .img-center {
4
+ display: block;
5
+ margin-left: auto;
6
+ margin-right: auto;
7
+ }
8
+
9
+ // Clearfix
10
+
11
+ .floatfix {
12
+ &:before,
13
+ &:after {
14
+ content: '';
15
+ display: table;
16
+ }
17
+ &:after {
18
+ clear: both;
19
+ }
20
+ }
21
+
22
+ // Overflows
23
+
24
+ .overflow-visible {
25
+ overflow: visible !important;
26
+ }
27
+ .overflow-hidden {
28
+ overflow: hidden !important;
29
+ }
30
+
31
+ // Opacity classes
32
+
33
+ .opacity-1 {
34
+ opacity: .1 !important;
35
+ }
36
+ .opacity-2 {
37
+ opacity: .2 !important;
38
+ }
39
+ .opacity-3 {
40
+ opacity: .3 !important;
41
+ }
42
+ .opacity-4 {
43
+ opacity: .4 !important;
44
+ }
45
+ .opacity-5 {
46
+ opacity: .5 !important;
47
+ }
48
+ .opacity-6 {
49
+ opacity: .6 !important;
50
+ }
51
+ .opacity-7 {
52
+ opacity: .7 !important;
53
+ }
54
+ .opacity-8 {
55
+ opacity: .8 !important;
56
+ }
57
+ .opacity-8 {
58
+ opacity: .9 !important;
59
+ }
60
+ .opacity-10 {
61
+ opacity: 1 !important;
62
+ }