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,223 @@
1
+ .card{
2
+ background: $card-black-background;
3
+ border: 0;
4
+ position: relative;
5
+ width: 100%;
6
+ margin-bottom: 30px;
7
+ box-shadow: $box-shadow;
8
+
9
+
10
+ label{
11
+ color: rgba($white, 0.6);
12
+ }
13
+
14
+ .card-title {
15
+ margin-bottom: .75rem;
16
+ }
17
+
18
+ .card-body{
19
+ padding: 15px;
20
+
21
+ &.table-full-width{
22
+ padding-left: 0;
23
+ padding-right: 0;
24
+ }
25
+
26
+ .card-title{
27
+ color: $white;
28
+ text-transform: inherit;
29
+ font-weight: $font-weight-light;
30
+ margin-bottom: .75rem;
31
+ }
32
+
33
+ .card-description, .card-category{
34
+ color: rgba($white, 0.6);
35
+ }
36
+
37
+ }
38
+
39
+ .card-header{
40
+ &:not([data-background-color]){
41
+ background-color: transparent;
42
+ }
43
+ padding: 15px 15px 0;
44
+ border: 0;
45
+ color: rgba($white,0.8);
46
+
47
+ .card-title{
48
+ color: $white;
49
+ font-weight: 100;
50
+ }
51
+
52
+ .card-category{
53
+ color: $dark-gray;
54
+ margin-bottom: 5px;
55
+ font-weight: 300;
56
+ }
57
+ }
58
+
59
+ .map{
60
+ border-radius: $border-radius-sm;
61
+
62
+ &.map-big{
63
+ height: 420px;
64
+ }
65
+ }
66
+
67
+ &.card-white{
68
+ background: $white;
69
+
70
+ .card-title{
71
+ color: $black;
72
+ }
73
+ .card-category, .stats{
74
+ color: $card-stats-gray;
75
+ }
76
+
77
+ //style for inputs
78
+
79
+ @include form-control-placeholder(rgba($black,0.4), 1);
80
+ .has-danger{
81
+ .form-control, .input-group-prepend .input-group-text{
82
+ border-color: $danger-states;
83
+ }
84
+ }
85
+
86
+ .input-group-prepend .input-group-text{
87
+ border-color: rgba($black-states,0.2);
88
+ color: $black-states;
89
+ }
90
+
91
+ .form-control{
92
+ color: $black;
93
+ border-color: rgba($black-states,0.2);
94
+ &:focus{
95
+ border-color: $primary;
96
+ }
97
+ }
98
+ label:not(.btn){
99
+ color: $default;
100
+ }
101
+
102
+ .form-group.no-border,
103
+ .input-group.no-border {
104
+ .form-control,
105
+ .form-control + .input-group-prepend .input-group-text,
106
+ .form-control + .input-group-append .input-group-text,
107
+ .input-group-prepend .input-group-text,
108
+ .input-group-append .input-group-text{
109
+ background-color: $opacity-gray-3;
110
+ &:focus,
111
+ &:active,
112
+ &:active{
113
+ background-color: $opacity-gray-5;
114
+ }
115
+ }
116
+
117
+ .form-control {
118
+ &:focus {
119
+ & + .input-group-prepend .input-group-text,
120
+ & + .input-group-append .input-group-text{
121
+ background-color: $transparent-bg;
122
+ }
123
+ }
124
+ }
125
+
126
+
127
+ }
128
+
129
+ .input-group[disabled]{
130
+ .input-group-prepend .input-group-text,
131
+ .input-group-append .input-group-text{
132
+ background-color: $black;
133
+ }
134
+ }
135
+
136
+ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
137
+ background: $light-gray;
138
+ border-color: rgba($black-states,0.3);
139
+ }
140
+
141
+ .input-group-focus{
142
+ .input-group-prepend .input-group-text,
143
+ .input-group-append .input-group-text,
144
+ .form-control{
145
+ background-color: $white;
146
+ border-color: $primary;
147
+ }
148
+
149
+ &.no-border{
150
+ .input-group-prepend .input-group-text,
151
+ .input-group-append .input-group-text{
152
+
153
+ background-color: $opacity-gray-5;
154
+ }
155
+ }
156
+ }
157
+ .input-group-prepend .input-group-text {
158
+ border-right: none;
159
+ }
160
+
161
+ .input-group-append .input-group-text {
162
+ border-left: none;
163
+ }
164
+
165
+ .has-danger .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
166
+ border-color: $danger-states;
167
+ }
168
+
169
+ .has-success .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
170
+ border-color: darken($success, 10%);
171
+ }
172
+ }
173
+
174
+
175
+ &.card-plain {
176
+ background: transparent;
177
+ box-shadow: none;
178
+ }
179
+
180
+ .image{
181
+ overflow: hidden;
182
+ height: 200px;
183
+ position: relative;
184
+ }
185
+
186
+ .avatar{
187
+ width: 30px;
188
+ height: 30px;
189
+ overflow: hidden;
190
+ border-radius: 50%;
191
+ margin-bottom: 15px;
192
+ }
193
+
194
+ label{
195
+ font-size: $font-size-sm;
196
+ margin-bottom: 5px;
197
+
198
+ }
199
+
200
+ .card-footer{
201
+ background-color: transparent;
202
+ border: 0;
203
+ padding: 15px;
204
+
205
+
206
+ .stats{
207
+ i{
208
+ margin-right: 5px;
209
+ position: relative;
210
+
211
+ }
212
+ }
213
+
214
+ h6{
215
+ margin-bottom: 0;
216
+ padding: 7px 0;
217
+ }
218
+ }
219
+ }
220
+
221
+ .card-body{
222
+ padding: $card-spacer-y;
223
+ }
@@ -0,0 +1,154 @@
1
+ .form-check{
2
+ margin-top: .5rem;
3
+ padding-left: 0;
4
+ }
5
+
6
+ .form-check .form-check-label{
7
+ display: inline-block;
8
+ position: relative;
9
+ cursor: pointer;
10
+ padding-left: 25px;
11
+ line-height: 18px;
12
+ margin-bottom: 0;
13
+ -webkit-transition: color 0.3s linear;
14
+ -moz-transition: color 0.3s linear;
15
+ -o-transition: color 0.3s linear;
16
+ -ms-transition: color 0.3s linear;
17
+ transition: color 0.3s linear;
18
+ }
19
+ .radio .form-check-sign{
20
+ padding-left: 28px;
21
+ }
22
+
23
+ .form-check-radio.form-check-inline .form-check-label {
24
+ padding-left: 5px;
25
+ margin-right: 10px;
26
+ }
27
+
28
+ .form-check .form-check-sign::before,
29
+ .form-check .form-check-sign::after{
30
+ content: " ";
31
+ display: inline-block;
32
+ position: absolute;
33
+ width: 17px;
34
+ height: 17px;
35
+ left: 0;
36
+ cursor: pointer;
37
+ border-radius: 3px;
38
+ top: 0;
39
+ border: 1px solid darken($dark-gray,10%);
40
+ -webkit-transition: opacity 0.3s linear;
41
+ -moz-transition: opacity 0.3s linear;
42
+ -o-transition: opacity 0.3s linear;
43
+ -ms-transition: opacity 0.3s linear;
44
+ transition: opacity 0.3s linear;
45
+ }
46
+
47
+ .form-check input[type="checkbox"]:checked + .form-check-sign::before,
48
+ .form-check input[type="checkbox"]:checked + .form-check-sign::before{
49
+ border: none;
50
+ background-color: $primary;
51
+ }
52
+
53
+ .form-check .form-check-sign::after{
54
+ font-family: 'nucleo';
55
+ content: "\ea1b";
56
+ top: 0px;
57
+ text-align: center;
58
+ font-size: 14px;
59
+ opacity: 0;
60
+ color: $white;
61
+ font-weight: $font-weight-bold;
62
+ border: 0;
63
+ background-color: inherit;
64
+ }
65
+
66
+ .form-check.disabled .form-check-label,
67
+ .form-check.disabled .form-check-label {
68
+ color: $dark-gray;
69
+ opacity: .5;
70
+ cursor: not-allowed;
71
+ }
72
+
73
+ .form-check input[type="checkbox"],
74
+ .radio input[type="radio"]{
75
+ opacity: 0;
76
+ position: absolute;
77
+ visibility: hidden;
78
+ }
79
+ .form-check input[type="checkbox"]:checked + .form-check-sign::after{
80
+ opacity: 1;
81
+ font-size: 10px;
82
+ margin-top: 0;
83
+ }
84
+
85
+
86
+ .form-check input[type="checkbox"]+ .form-check-sign::after{
87
+ opacity: 0;
88
+ font-size: 10px;
89
+ margin-top: 0;
90
+ }
91
+
92
+ .form-control input[type="checkbox"]:disabled + .form-check-sign::before,
93
+ .checkbox input[type="checkbox"]:disabled + .form-check-sign::after{
94
+ cursor: not-allowed;
95
+ }
96
+
97
+ .form-check input[type="checkbox"]:disabled + .form-check-sign,
98
+ .form-check input[type="radio"]:disabled + .form-check-sign{
99
+ pointer-events: none;
100
+ }
101
+
102
+ .form-check-radio .form-check-label{
103
+ padding-top: 3px;
104
+ }
105
+ .form-check-radio .form-check-sign::before,
106
+ .form-check-radio .form-check-sign::after{
107
+ content: " ";
108
+ width: 18px;
109
+ height: 18px;
110
+ border-radius: 50%;
111
+ border: 1px solid darken($dark-gray,10%);
112
+ display: inline-block;
113
+ position: absolute;
114
+ left: 0px;
115
+ top: 3px;
116
+ padding: 1px;
117
+ -webkit-transition: opacity 0.3s linear;
118
+ -moz-transition: opacity 0.3s linear;
119
+ -o-transition: opacity 0.3s linear;
120
+ -ms-transition: opacity 0.3s linear;
121
+ transition: opacity 0.3s linear;
122
+ }
123
+
124
+ .form-check-radio input[type="radio"] + .form-check-sign:after,
125
+ .form-check-radio input[type="radio"] {
126
+ opacity: 0;
127
+ }
128
+ .form-check-radio input[type="radio"]:checked + .form-check-sign::after {
129
+ width: 6px;
130
+ height: 6px;
131
+ background-color: $primary;
132
+ border-color: $primary;
133
+ top: 9px;
134
+ left: 6px;
135
+ opacity: 1;
136
+ }
137
+
138
+ .form-check-radio input[type="radio"]:checked + .form-check-sign::before {
139
+ border-color: $primary;
140
+ }
141
+
142
+
143
+ .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
144
+ opacity: 1;
145
+ }
146
+
147
+ .form-check-radio input[type="radio"]:disabled + .form-check-sign {
148
+ color: $dark-gray;
149
+ }
150
+
151
+ .form-check-radio input[type="radio"]:disabled + .form-check-sign::before,
152
+ .form-check-radio input[type="radio"]:disabled + .form-check-sign::after {
153
+ color: $dark-gray;
154
+ }
@@ -0,0 +1,29 @@
1
+ .close {
2
+ @if $enable-transitions {
3
+ transition: $transition-base;
4
+ }
5
+ &>span:not(.sr-only) {
6
+ background-color: $close-bg;
7
+ color: $close-color;
8
+ line-height: 17px;
9
+ height: 1.25rem;
10
+ width: 1.25rem;
11
+ border-radius: 50%;
12
+ font-size: 1.25rem;
13
+ display: block;
14
+ @if $enable-transitions {
15
+ transition: $transition-base;
16
+ }
17
+ }
18
+
19
+ &:hover,
20
+ &:focus {
21
+ background-color: $close-hover-bg;
22
+ color: $close-hover-color;
23
+ outline: none;
24
+
25
+ span:not(.sr-only) {
26
+ background-color: $close-hover-bg;
27
+ }
28
+ }
29
+ }
@@ -0,0 +1,186 @@
1
+ .custom-control-label {
2
+ // Background-color and (when enabled) gradient
3
+ &::before {
4
+ border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;
5
+ @if $enable-transitions {
6
+ transition: $input-transition;
7
+ }
8
+ }
9
+
10
+ span {
11
+ position: relative;
12
+ top: 2px;
13
+ }
14
+ }
15
+
16
+ .custom-control-label {
17
+ margin-bottom: 0;
18
+ }
19
+
20
+ .custom-control-input {
21
+ &:active~.custom-control-label::before {
22
+ border-color: $custom-control-indicator-active-border-color;
23
+ }
24
+ }
25
+
26
+ // Alternative custom control
27
+ .custom-control-alternative {
28
+ .custom-control-label {
29
+ // Background-color and (when enabled) gradient
30
+ &::before {
31
+ border: 0;
32
+ box-shadow: $input-alternative-box-shadow;
33
+ }
34
+ }
35
+
36
+ .custom-control-input {
37
+ &:checked {
38
+ ~ .custom-control-label {
39
+ &::before {
40
+ box-shadow: $input-focus-alternative-box-shadow;
41
+ }
42
+ }
43
+ }
44
+
45
+ &:active~.custom-control-label::before,
46
+ &:focus~.custom-control-label::before {
47
+ box-shadow: $input-alternative-box-shadow;
48
+ }
49
+ }
50
+ }
51
+
52
+
53
+ // Checkboxes
54
+ .custom-checkbox {
55
+ .custom-control-input~.custom-control-label {
56
+ cursor: pointer;
57
+ font-size: $font-size-sm;
58
+ }
59
+
60
+ .custom-control-input {
61
+ &:checked {
62
+ ~ .custom-control-label {
63
+ &::before {
64
+ border-color: $custom-control-indicator-checked-border-color;
65
+ }
66
+ &::after {
67
+ background-image: $custom-checkbox-indicator-icon-checked;
68
+ }
69
+ }
70
+ }
71
+
72
+ &:disabled {
73
+ ~ .custom-control-label {
74
+ &::before {
75
+ border-color: $custom-control-indicator-disabled-bg;
76
+ }
77
+ }
78
+
79
+ &:checked {
80
+ &::before {
81
+ border-color: $custom-control-indicator-checked-disabled-bg;
82
+ }
83
+ }
84
+ }
85
+ }
86
+ }
87
+
88
+ // Radios
89
+ .custom-radio {
90
+ .custom-control-input~.custom-control-label {
91
+ cursor: pointer;
92
+ font-size: $font-size-sm;
93
+ }
94
+
95
+ .custom-control-input {
96
+ &:checked {
97
+ ~ .custom-control-label {
98
+ &::before {
99
+ border-color: $custom-control-indicator-checked-border-color;
100
+ }
101
+ &::after {
102
+ background-image: $custom-radio-indicator-icon-checked;
103
+ }
104
+ }
105
+ }
106
+
107
+ &:disabled {
108
+ ~ .custom-control-label {
109
+ &::before {
110
+ border-color: $custom-control-indicator-disabled-bg;
111
+ }
112
+ }
113
+
114
+ &:checked {
115
+ &::before {
116
+ border-color: $custom-control-indicator-checked-disabled-bg;
117
+ }
118
+ }
119
+ }
120
+ }
121
+
122
+ }
123
+
124
+ // Toggles
125
+ .custom-toggle {
126
+ position: relative;
127
+ display: inline-block;
128
+ width: 50px;
129
+ height: 1.5rem;
130
+
131
+ input {
132
+ display: none;
133
+
134
+ &:checked {
135
+ + .custom-toggle-slider {
136
+ border: $custom-control-indicator-border-width solid $custom-control-indicator-checked-border-color;
137
+
138
+ &:before {
139
+ background: $custom-toggle-checked-bg;
140
+ transform: translateX(1.625rem);
141
+ }
142
+ }
143
+ }
144
+
145
+ &:disabled {
146
+ + .custom-toggle-slider {
147
+ border: $custom-control-indicator-border-width solid $custom-control-indicator-disabled-bg;
148
+ }
149
+
150
+ &:checked {
151
+ + .custom-toggle-slider {
152
+ border: $custom-control-indicator-border-width solid $custom-control-indicator-disabled-bg;
153
+
154
+ &:before {
155
+ background-color: lighten($custom-control-indicator-checked-bg, 10%);
156
+ }
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
162
+
163
+ .custom-toggle-slider {
164
+ position: absolute;
165
+ cursor: pointer;
166
+ top: 0;
167
+ left: 0;
168
+ right: 0;
169
+ bottom: 0;
170
+ border: $custom-control-indicator-border-width solid $input-border-color;
171
+ border-radius: 34px !important;
172
+ background-color: transparent;
173
+
174
+
175
+ &:before {
176
+ position: absolute;
177
+ content: "";
178
+ height: 18px;
179
+ width: 18px;
180
+ left: 2px;
181
+ bottom: 2px;
182
+ border-radius: 50% !important;
183
+ background-color: $custom-toggle-slider-bg;
184
+ transition: $input-transition;
185
+ }
186
+ }