viniBaxter-desk_front 0.7.0 → 10.0.0

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1ff81d6512ce156fe7366ee3beddf3c446cc42209ef1202b5ec77ac46a0ecbaa
4
- data.tar.gz: e7db99d2803d48231aafd503d347061d9dd6e4c8628b78bd412d57decf316d59
3
+ metadata.gz: fa15c05fa9789f8029d6aa0941bcde50d49d2d8a200b1059d0efba99bb792afc
4
+ data.tar.gz: 1272ac913a16992af1a64df86b31e340cd8671201f73e5ae16e0d956fba8f04c
5
5
  SHA512:
6
- metadata.gz: d07d1959519ceaaa110c80a83916413a70fc8ae3693fc1fe96279011d3b71b672225a0a3150a7d67f8f3e2c80bd300cd7f584769ce3f88c8a7cb2a0e27065689
7
- data.tar.gz: 1982f06f48c095b402f5bf4ca14c83cefe51f0b731a6b032df4d1c5355b021e0dd6b9a7497cf27169afed5442e199868c78ef2367e55c3833cc66d705ff54db9
6
+ metadata.gz: da77cd1719075f9ed7928ca8166caef67f658940099e0a7b951221060ba5a7bde96cab3e41f1d8c1b115e85ed628ffc57a2f3df91762a2b3cfbe2e8ebd92e671
7
+ data.tar.gz: 491ea265b6a632381bfa1c6c915ccd70ac078ced6c5135266516b1ec0bc150be1bfb32f70fcd08c092d65d05ff0f2fbd7e861b7341dc1a66324669178ca3fb61
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- VERSION = "0.7.0"
3
+ VERSION = "10.0.0"
4
4
  end
5
5
  end
@@ -1,86 +1,84 @@
1
+ @import 'functions';
2
+ @import 'mixins';
1
3
 
2
- @import 'functions';
3
- @import "mixins";
4
+ // Custom components
5
+ // @import "custom/grid";
6
+ // @import "custom/icons";
7
+ // @import "custom/avatars";
8
+ // @import "custom/buttons";
9
+ // @import "custom/modal";
10
+ // @import "custom/nav";
11
+ // @import "custom/navbar";
12
+ // @import "custom/tabs";
4
13
 
14
+ //
15
+ // @import "custom/reboot";
16
+ // @import "custom/global";
17
+ // @import "custom/utilities";
18
+ // @import "custom/alerts";
19
+ // @import "custom/badge";
20
+ // @import "custom/close";
21
+ // @import "custom/custom-forms";
22
+ @import "custom/dropdown";
23
+ // @import "custom/footer";
24
+ // @import "custom/forms";
25
+ // @import "custom/images";
26
+ // @import "custom/input-group";
27
+ // @import "custom/info-areas";
28
+ // @import "custom/pagination";
29
+ // @import "custom/pills";
30
+ // @import "custom/popover";
31
+ // @import "custom/progress";
32
+ // @import "custom/type";
33
+ // @import "custom/tables";
34
+ // @import "custom/checkboxes-radio";
35
+ // @import "custom/fixed-plugin";
36
+ // @import "custom/sidebar-and-main-panel";
37
+ @import './custom/misc';
38
+ // @import "custom/rtl";
39
+ // @import "custom/timeline";
5
40
 
41
+ // Vendor / Plugins
6
42
 
7
- // Custom components
8
- // @import "custom/grid.scss";
9
- // @import "custom/icons.scss";
10
- // @import "custom/avatars.scss";
11
- // @import "custom/buttons.scss";
12
- // @import "custom/modal.scss";
13
- // @import "custom/nav.scss";
14
- // @import "custom/navbar.scss";
15
- // @import "custom/tabs.scss";
43
+ @import './custom/vendor/plugin-datetimepicker';
44
+ @import './custom/vendor/plugin-nouislider';
45
+ @import './custom/vendor/plugin-fullcalendar';
46
+ @import './custom/vendor/plugin-sweetalert2';
47
+ @import './custom/vendor/plugin-bootstrap-switch';
48
+ @import './custom/vendor/plugin-bootstrap-select';
49
+ @import './custom/vendor/plugin-new-bootstrap-select';
50
+ @import './custom/vendor/plugin-jasny-fileupload';
51
+ @import './custom/vendor/plugin-tagsinput';
52
+ @import './custom/vendor/plugin-perfect-scrollbar';
53
+ @import './custom/vendor/plugin-jquery.jvectormap';
54
+ @import './custom/vendor/plugin-datatables.net';
55
+ @import './custom/vendor/plugin-animate-bootstrap-notify';
56
+ @import './custom/vendor/plugin-card-wizard';
16
57
 
17
- //
18
- // @import "custom/reboot.scss";
19
- // @import "custom/global.scss";
20
- // @import "custom/utilities.scss";
21
- // @import "custom/alerts.scss";
22
- // @import "custom/badge.scss";
23
- // @import "custom/close.scss";
24
- // @import "custom/custom-forms.scss";
25
- // @import "custom/dropdown.scss";
26
- // @import "custom/footer.scss";
27
- // @import "custom/forms.scss";
28
- // @import "custom/images.scss";
29
- // @import "custom/input-group.scss";
30
- // @import "custom/info-areas.scss";
31
- // @import "custom/pagination.scss";
32
- // @import "custom/pills.scss";
33
- // @import "custom/popover.scss";
34
- // @import "custom/progress.scss";
35
- // @import "custom/type.scss";
36
- // @import "custom/tables";
37
- // @import "custom/checkboxes-radio";
38
- // @import "custom/fixed-plugin";
39
- // @import "custom/sidebar-and-main-panel.scss";
40
- @import "custom/misc.scss";
41
- // @import "custom/rtl.scss";
42
- // @import "custom/timeline.scss";
58
+ // example pages and sections
43
59
 
44
- // Vendor / Plugins
60
+ @import './custom/example-pages';
45
61
 
46
- @import "custom/vendor/plugin-datetimepicker.scss";
47
- @import "custom/vendor/plugin-nouislider.scss";
48
- @import "custom/vendor/plugin-fullcalendar.scss";
49
- @import "custom/vendor/plugin-sweetalert2.scss";
50
- @import "custom/vendor/plugin-bootstrap-switch.scss";
51
- @import "custom/vendor/plugin-bootstrap-select.scss";
52
- @import "custom/vendor/plugin-jasny-fileupload.scss";
53
- @import "custom/vendor/plugin-tagsinput.scss";
54
- @import "custom/vendor/plugin-perfect-scrollbar.scss";
55
- @import "custom/vendor/plugin-jquery.jvectormap.scss";
56
- @import "custom/vendor/plugin-datatables.net.scss";
57
- @import "custom/vendor/plugin-animate-bootstrap-notify.scss";
58
- @import "custom/vendor/plugin-card-wizard.scss";
62
+ // light mode
59
63
 
60
- // example pages and sections
64
+ @import './custom/white-content';
61
65
 
62
- @import "custom/example-pages.scss";
66
+ // Cards
63
67
 
64
- // light mode
65
-
66
- @import "custom/white-content.scss";
67
-
68
- // Cards
69
-
70
- // @import 'custom/card';
71
- @import "custom/cards/card-chart";
72
- @import "custom/cards/card-map";
73
- @import "custom/cards/card-user";
74
- @import "custom/cards/card-task";
75
- @import "custom/cards/card-animation-on-hover";
76
- @import "custom/cards/card-collapse";
77
- @import "custom/cards/card-contributions";
78
- @import "custom/cards/card-lock";
79
- @import "custom/cards/card-pricing";
80
- @import "custom/cards/card-profile";
81
- @import "custom/cards/card-plain";
82
- @import "custom/cards/card-register";
83
- @import "custom/cards/card-stats";
84
- @import "custom/cards/card-subcategories";
85
- @import "custom/cards/card-testimonials";
86
- @import "custom/cards/card-wizard";
68
+ // @import './custom/card';
69
+ @import './custom/cards/card-chart';
70
+ @import './custom/cards/card-map';
71
+ @import './custom/cards/card-user';
72
+ @import './custom/cards/card-task';
73
+ @import './custom/cards/card-animation-on-hover';
74
+ @import './custom/cards/card-collapse';
75
+ @import './custom/cards/card-contributions';
76
+ @import './custom/cards/card-lock';
77
+ @import './custom/cards/card-pricing';
78
+ @import './custom/cards/card-profile';
79
+ @import './custom/cards/card-plain';
80
+ @import './custom/cards/card-register';
81
+ @import './custom/cards/card-stats';
82
+ @import './custom/cards/card-subcategories';
83
+ @import './custom/cards/card-testimonials';
84
+ @import './custom/cards/card-wizard';
@@ -1,96 +1,96 @@
1
1
  .btn,
2
- .navbar .navbar-nav > a.btn{
3
- border-width: $border-thick;
4
- border: none;
5
- position: relative;
6
- overflow: hidden;
7
- margin:4px 1px;
8
- border-radius: $border-radius-lg;
9
- cursor: pointer;
2
+ .navbar .navbar-nav > a.btn {
3
+ border-width: $border-thick;
4
+ border: none;
5
+ position: relative;
6
+ overflow: hidden;
7
+ margin: 4px 1px;
8
+ border-radius: $border-radius-lg;
9
+ cursor: pointer;
10
+
11
+ @include btn-styles($default, $default-states);
12
+
13
+ &:hover,
14
+ &:focus {
15
+ @include opacity(1);
16
+ outline: 0 !important;
17
+ }
10
18
 
11
- @include btn-styles($default, $default-states);
19
+ &:active,
20
+ &.active,
21
+ .open > &.dropdown-toggle {
22
+ @include box-shadow(none);
23
+ outline: 0 !important;
24
+ }
12
25
 
13
- &:hover,
14
- &:focus{
15
- @include opacity(1);
16
- outline: 0 !important;
17
- }
18
- &:active,
19
- &.active,
20
- .open > &.dropdown-toggle {
21
- @include box-shadow(none);
22
- outline: 0 !important;
23
- }
26
+ .badge {
27
+ margin: 0;
28
+ }
24
29
 
25
- .badge{
26
- margin: 0;
27
- }
30
+ &.btn-icon {
31
+ // see above for color variations
32
+ height: $icon-size-regular;
33
+ min-width: $icon-size-regular;
34
+ width: $icon-size-regular;
35
+ padding: 0;
36
+ font-size: $icon-font-size-regular;
37
+ overflow: hidden;
38
+ position: relative;
39
+ line-height: normal;
28
40
 
29
- &.btn-icon {
30
- // see above for color variations
31
- height: $icon-size-regular;
32
- min-width: $icon-size-regular;
33
- width: $icon-size-regular;
34
- padding: 0;
35
- font-size: $icon-font-size-regular;
36
- overflow: hidden;
37
- position: relative;
38
- line-height: normal;
39
-
40
- &.btn-simple{
41
- padding: 0;
42
- }
43
-
44
- &.btn-sm{
45
- height: $icon-size-sm;
46
- min-width: $icon-size-sm;
47
- width: $icon-size-sm;
48
-
49
- .fa,
50
- .far,
51
- .fas,
52
- .tim-icons{
53
- font-size: $icon-font-size-sm;
54
- }
55
- }
56
-
57
- &.btn-lg{
58
- height: $icon-size-lg;
59
- min-width: $icon-size-lg;
60
- width: $icon-size-lg;
61
-
62
- .fa,
63
- .far,
64
- .fas,
65
- .tim-icons{
66
- font-size: $icon-font-size-lg;
67
- }
68
- }
69
-
70
- &:not(.btn-footer) .tim-icons,
71
- &:not(.btn-footer) .fa,
72
- &:not(.btn-footer) .far,
73
- &:not(.btn-footer) .fas{
74
- position: absolute;
75
- font-size: 1em;
76
- top: 50%;
77
- left: 50%;
78
- transform: translate(-12px, -12px);
79
- line-height: 1.5626rem;
80
- width: 24px;
81
- }
41
+ &.btn-simple {
42
+ padding: 0;
43
+ }
82
44
 
45
+ &.btn-sm {
46
+ height: $icon-size-sm;
47
+ min-width: $icon-size-sm;
48
+ width: $icon-size-sm;
49
+
50
+ .fa,
51
+ .far,
52
+ .fas,
53
+ .tim-icons {
54
+ font-size: $icon-font-size-sm;
55
+ }
83
56
  }
84
57
 
85
- &:not(.btn-icon) .tim-icons{
86
- position: relative;
87
- top: 1px;
58
+ &.btn-lg {
59
+ height: $icon-size-lg;
60
+ min-width: $icon-size-lg;
61
+ width: $icon-size-lg;
62
+
63
+ .fa,
64
+ .far,
65
+ .fas,
66
+ .tim-icons {
67
+ font-size: $icon-font-size-lg;
68
+ }
88
69
  }
89
70
 
90
- span{
91
- position: relative;
92
- display: block;
71
+ &:not(.btn-footer) .tim-icons,
72
+ &:not(.btn-footer) .fa,
73
+ &:not(.btn-footer) .far,
74
+ &:not(.btn-footer) .fas {
75
+ position: absolute;
76
+ font-size: 1em;
77
+ top: 50%;
78
+ left: 50%;
79
+ transform: translate(-12px, -12px);
80
+ line-height: 1.5626rem;
81
+ width: 24px;
93
82
  }
83
+ }
84
+
85
+ &:not(.btn-icon) .tim-icons {
86
+ position: relative;
87
+ top: 1px;
88
+ }
89
+
90
+ span {
91
+ position: relative;
92
+ display: block;
93
+ }
94
94
 
95
95
  &.btn-link.dropdown-toggle {
96
96
  color: $dark-gray;
@@ -103,68 +103,80 @@
103
103
 
104
104
  // Apply the mixin to the buttons
105
105
  // .btn-default { @include btn-styles($default-color, $default-states-color); }
106
- .btn-primary { @include btn-styles($primary, $primary-states);
107
-
108
- }
109
- .btn-success { @include btn-styles($success, $success-states);
110
-
111
- }
112
- .btn-info { @include btn-styles($info, $info-states);
113
-
114
- }
115
- .btn-warning { @include btn-styles($warning, $warning-states);
116
- &:not(:disabled):not(.disabled):active{
117
- color: $white;
118
- }
119
- }
120
- .btn-danger { @include btn-styles($danger, $danger-states);
121
-
122
- }
123
- .btn-neutral { @include btn-styles($white, $white); }
124
-
125
- .btn{
126
- &:disabled,
127
- &[disabled],
128
- &.disabled{
129
- @include opacity(.5);
130
- pointer-events: none;
131
- }
106
+ .btn-primary {
107
+ @include btn-styles($primary, $primary-states);
132
108
  }
133
- .btn-simple{
134
- border: $border;
135
- border-color: $default;
136
- box-shadow: none;
137
- padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
138
- background-color: $transparent-bg;
109
+
110
+ .btn-success {
111
+ @include btn-styles($success, $success-states);
112
+ }
113
+
114
+ .btn-info {
115
+ @include btn-styles($info, $info-states);
116
+ }
117
+
118
+ .btn-warning {
119
+ @include btn-styles($warning, $warning-states);
120
+
121
+ &:not(:disabled):not(.disabled):active {
122
+ color: $white;
123
+ }
124
+ }
125
+
126
+ .btn-danger {
127
+ @include btn-styles($danger, $danger-states);
128
+ }
129
+
130
+ .btn-neutral {
131
+ @include btn-styles($white, $white);
132
+ }
133
+
134
+ .btn {
135
+ &:disabled,
136
+ &[disabled],
137
+ &.disabled {
138
+ @include opacity(0.5);
139
+ pointer-events: none;
140
+ }
141
+ }
142
+
143
+ .btn-simple {
144
+ border: $border;
145
+ border-color: $default;
146
+ box-shadow: none;
147
+ padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
148
+ background-color: $transparent-bg;
139
149
  }
140
150
 
141
151
  .btn-simple,
142
- .btn-link{
143
- &.disabled,
144
- &:disabled,
145
- &[disabled],
146
- fieldset[disabled] & {
147
- &,
148
- &:hover,
149
- &:focus,
150
- &.focus,
151
- &:active,
152
- &.active {
153
- background: $transparent-bg;
154
- }
152
+ .btn-link {
153
+ &.disabled,
154
+ &:disabled,
155
+ &[disabled],
156
+ fieldset[disabled] & {
157
+ &,
158
+ &:hover,
159
+ &:focus,
160
+ &.focus,
161
+ &:active,
162
+ &.active {
163
+ background: $transparent-bg;
155
164
  }
165
+ }
156
166
  }
157
167
 
158
- .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active{
159
- box-shadow: 2px 2px 6px rgba(0,0,0,.4);
168
+ .btn:not(:disabled):not(.disabled):active,
169
+ .btn:not(:disabled):not(.disabled).active {
170
+ box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
160
171
  }
161
- .btn-link{
162
- border: $none;
163
- box-shadow: none;
164
- padding: $padding-base-vertical $padding-base-horizontal;
165
- background: $transparent-bg;
166
- color: $gray-300;
167
- font-weight: $font-weight-bold;
172
+
173
+ .btn-link {
174
+ border: $none;
175
+ box-shadow: none;
176
+ padding: $padding-base-vertical $padding-base-horizontal;
177
+ background: $transparent-bg;
178
+ color: $gray-300;
179
+ font-weight: $font-weight-bold;
168
180
 
169
181
  &:hover {
170
182
  box-shadow: none !important;
@@ -172,23 +184,35 @@
172
184
  }
173
185
  }
174
186
 
175
- .btn-lg{
176
- @include btn-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-base, $border-radius-lg);
187
+ .btn-lg {
188
+ @include btn-size(
189
+ $btn-padding-y-lg,
190
+ $btn-padding-x-lg,
191
+ $font-size-base,
192
+ $border-radius-lg
193
+ );
177
194
  }
178
- .btn-sm{
179
- @include btn-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-base, $border-radius-sm);
195
+
196
+ .btn-sm {
197
+ @include btn-size(
198
+ $btn-padding-y-sm,
199
+ $btn-padding-x-sm,
200
+ $font-size-base,
201
+ $border-radius-sm
202
+ );
180
203
  }
181
204
 
182
205
  .btn-wd {
183
- min-width: 140px;
206
+ min-width: 140px;
184
207
  }
185
- .btn-group.select{
186
- width: 100%;
208
+
209
+ .btn-group.select {
210
+ width: 100%;
187
211
  }
188
212
 
189
213
  .btn-group {
190
214
  .btn.active {
191
- box-shadow: 2px 2px 6px rgba(0,0,0,.4);
215
+ box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
192
216
  transform: translateY(-1px);
193
217
  -webkit-transform: translateY(-1px);
194
218
  }
@@ -199,24 +223,24 @@
199
223
  }
200
224
  }
201
225
 
202
-
203
- .btn-group.select .btn{
204
- text-align: left;
226
+ .btn-group.select .btn {
227
+ text-align: left;
205
228
  }
206
- .btn-group.select .caret{
207
- position: absolute;
208
- top: 50%;
209
- margin-top: -1px;
210
- right: 8px;
229
+
230
+ .btn-group.select .caret {
231
+ position: absolute;
232
+ top: 50%;
233
+ margin-top: -1px;
234
+ right: 8px;
211
235
  }
212
236
 
213
- .btn-round{
214
- border-width: $border-thin;
215
- border-radius: $btn-round-radius;
237
+ .btn-round {
238
+ border-width: $border-thin;
239
+ border-radius: $btn-round-radius;
216
240
 
217
- &.btn-simple{
218
- padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
219
- }
241
+ &.btn-simple {
242
+ padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
243
+ }
220
244
  }
221
245
 
222
246
  .no-caret {
@@ -225,41 +249,52 @@
225
249
  }
226
250
  }
227
251
 
228
- .btn{
252
+ .btn {
229
253
  // social buttons
230
254
  &.btn-facebook {
231
255
  @include social-buttons-color($facebook, $facebook-states);
232
256
  }
257
+
233
258
  &.btn-twitter {
234
259
  @include social-buttons-color($twitter, $twitter-states);
235
260
  }
261
+
236
262
  &.btn-pinterest {
237
263
  @include social-buttons-color($pinterest, $pinterest-states);
238
264
  }
265
+
239
266
  &.btn-google {
240
267
  @include social-buttons-color($google-plus, $google-plus-states);
241
268
  }
269
+
242
270
  &.btn-linkedin {
243
271
  @include social-buttons-color($linkedin, $linkedin-states);
244
272
  }
273
+
245
274
  &.btn-dribbble {
246
275
  @include social-buttons-color($dribbble, $dribbble-states);
247
276
  }
277
+
248
278
  &.btn-github {
249
279
  @include social-buttons-color($github, $github-states);
250
280
  }
281
+
251
282
  &.btn-youtube {
252
283
  @include social-buttons-color($youtube, $youtube-states);
253
284
  }
285
+
254
286
  &.btn-instagram {
255
287
  @include social-buttons-color($instagram, $instagram-states);
256
288
  }
289
+
257
290
  &.btn-reddit {
258
291
  @include social-buttons-color($reddit, $reddit-states);
259
292
  }
293
+
260
294
  &.btn-tumblr {
261
295
  @include social-buttons-color($tumblr, $tumblr-states);
262
296
  }
297
+
263
298
  &.btn-behance {
264
299
  @include social-buttons-color($behance, $behance-states);
265
300
  }
@@ -268,11 +303,9 @@
268
303
  .btn-secondary:not(:disabled):not(.disabled):active,
269
304
  .btn-secondary:not(:disabled):not(.disabled).active,
270
305
  .show > .btn-secondary.dropdown-toggle {
271
- color: $white;
306
+ color: $white;
272
307
  }
273
308
 
274
-
275
-
276
309
  @include media-breakpoint-down(md) {
277
310
  .btn-group .btn {
278
311
  padding-left: $padding-round-horizontal;