viniBaxter-desk_front 30.0.1 → 31.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +2 -2
  3. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +358 -300
  4. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +34 -8
  5. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +14 -0
  6. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +8 -7
  7. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +7 -15
  8. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +2 -1
  9. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +1 -2
  10. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 44db1552c9d2fd203d5ebd59d65c6cd6bf061d54617df041ec9de0eb476c860d
4
- data.tar.gz: 8100b747cd07a35257cf09ad53d774405fc27bffc65a853c112acc2639e0cdd5
3
+ metadata.gz: f391a8a21c93d67ad74b2fd8e3d50aeeb02f8560bd9f083a66545f9f3ffca4ca
4
+ data.tar.gz: 43487ca1ed8a29c7bf7664b15f8ef718c76008947ada66239e0ec18c3c1e56b4
5
5
  SHA512:
6
- metadata.gz: 11e5c0c12cf570c80b3d1dbf6753c383018a84816d2d01d76d0b563e68acece4fd54cabaa6d89bafce2b55d50ac865d7f214fc94de7539d25f49ea9c5380fd57
7
- data.tar.gz: 2cc80685e12d050aba35edf6e5cf353898ad4fe9ecb9156d479e967d1afefe28304b1ae7da868608a2643b5b166413dcaa2e84224f6f074ed832d11aef784cbf
6
+ metadata.gz: 7e46dcbecb936c08fde34fd3acaf6c91b6534814af4324b96feedcab3059797b1e82c66c9091a6105e84d2c3922386f68d81a7671584d9a14c8042cb8406d842
7
+ data.tar.gz: e1f21a33ffd3f3779c3fec0401c2092327507b865b9278e2ed6638c54cd646d36dd16634249742ec2edbc70c16e88c6ab6057ab8aefeea76f6056481afbe2a4b
data/lib/viniBaxter/desk_front/version.rb CHANGED
@@ -1,8 +1,8 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- MAJOR = 30
3
+ MAJOR = 31
4
4
  MINOR = 0
5
- TINY = 1
5
+ TINY = 0
6
6
  # PRE = "alpha"
7
7
 
8
8
  VERSION = [MAJOR, MINOR, TINY].compact.join(".")
data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss CHANGED
@@ -1,357 +1,415 @@
1
1
  @mixin btn-styles($btn-color, $btn-states-color) {
2
- @include diagonal-gradient($btn-color, $btn-states-color);
3
- background-color: $btn-color;
4
- transition: all 0.15s ease;
5
- box-shadow: none;
6
-
7
- &.animation-on-hover:hover {
8
- background-position: bottom left;
9
- transition: 0.3s ease-in-out;
10
- }
11
-
12
- &:hover,
13
- &:focus,
14
- &:active,
15
- &.active,
16
- &:active:focus,
17
- &:active:hover,
18
- &.active:focus,
19
- &.active:hover {
20
- background-color: $btn-states-color !important;
21
- background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
22
- background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
23
- background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
24
- background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
25
- color: $white;
2
+ @include diagonal-gradient($btn-color, $btn-states-color);
3
+ background-color: $btn-color;
4
+ transition: all 0.15s ease;
26
5
  box-shadow: none;
27
- }
28
-
29
- &:active {
30
- box-shadow: none !important;
31
- transform: translateY(1px) !important;
32
- transition: all .15s ease;
33
- }
34
-
35
- &:not([data-action]):hover {
36
6
 
37
- box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
38
- transform: translateY(-1px);
39
- -webkit-transform: translateY(-1px);
40
- }
41
-
42
- &.disabled,
43
- &:disabled,
44
- &[disabled],
45
- fieldset[disabled] & {
7
+ &.animation-on-hover:hover {
8
+ background-position: bottom left;
9
+ transition: 0.3s ease-in-out;
10
+ }
46
11
 
47
- &,
48
12
  &:hover,
49
13
  &:focus,
50
- &.focus,
51
14
  &:active,
52
- &.active {
53
- background-color: $btn-color;
54
- border-color: $btn-color;
55
- }
56
- }
57
-
58
- // btn-neutral style
59
- @if $btn-color==$white {
60
- color: $primary;
61
-
62
- &.btn-danger {
63
- color: $danger;
64
-
65
- &:hover,
66
- &:focus,
67
- &:active,
68
- &:active:focus {
69
- color: $danger-states;
70
- }
71
- }
72
-
73
- &.btn-info {
74
- color: $info;
75
-
76
- &:hover,
77
- &:focus,
78
- &:active,
79
- &:active:focus {
80
- color: $info-states;
81
- }
82
- }
83
-
84
- &.btn-warning {
85
- color: $warning;
86
-
87
- &:hover,
88
- &:focus,
89
- &:active,
90
- &:active:focus {
91
- color: $warning-states;
92
- }
93
- }
94
-
95
- &.btn-success {
96
- color: $success;
97
-
98
- &:hover,
99
- &:focus,
100
- &:active,
101
- &:active:focus {
102
- color: $success-states;
103
- }
104
- }
105
-
106
- &.btn-default {
107
- color: $default;
108
-
109
- &:hover,
110
- &:focus,
111
- &:active,
112
- &:active:focus {
113
- color: $default-states;
114
- }
115
- }
116
-
117
15
  &.active,
118
- &:active,
119
16
  &:active:focus,
120
17
  &:active:hover,
121
18
  &.active:focus,
122
- &.active:hover,
123
- .show>&.dropdown-toggle,
124
- .show>&.dropdown-toggle:focus,
125
- .show>&.dropdown-toggle:hover {
126
- background-color: $white;
127
- color: $primary-states;
128
- box-shadow: none;
129
- }
130
-
131
- &:hover,
132
- &:focus {
133
- color: $primary-states;
134
-
135
- &:not(.nav-link) {
136
- box-shadow: none;
137
- }
138
-
139
- }
140
-
141
- }
142
-
143
- @else {
144
- color: $white;
145
- }
146
-
147
- &.btn-simple {
148
- color: $btn-color;
149
- border-color: $btn-color;
150
- background: $transparent-bg;
151
-
152
- &:hover,
153
- &:focus,
154
- &:active,
155
- &:not(:disabled):not(.disabled):active {
156
- color: $btn-color;
157
- border-color: $btn-color;
158
- background-color: $transparent-bg !important;
159
- background-image: none !important;
160
- box-shadow: none;
161
- }
162
-
163
- &.active {
164
- border-color: $btn-color !important;
165
-
166
- &:hover,
167
- &:focus,
168
- &:active,
169
- &:not(:disabled):not(.disabled):active {
170
- color: $white;
171
- border-color: $btn-color;
172
- background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
173
- background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
174
- background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
175
- background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
19
+ &.active:hover {
176
20
  background-color: $btn-states-color !important;
21
+ background-image: linear-gradient(
22
+ to bottom left,
23
+ $btn-color,
24
+ $btn-states-color,
25
+ $btn-color
26
+ ) !important;
27
+ background-image: -webkit-linear-gradient(
28
+ to bottom left,
29
+ $btn-color,
30
+ $btn-states-color,
31
+ $btn-color
32
+ ) !important;
33
+ background-image: -o-linear-gradient(
34
+ to bottom left,
35
+ $btn-color,
36
+ $btn-states-color,
37
+ $btn-color
38
+ ) !important;
39
+ background-image: -moz-linear-gradient(
40
+ to bottom left,
41
+ $btn-color,
42
+ $btn-states-color,
43
+ $btn-color
44
+ ) !important;
45
+ color: $white;
177
46
  box-shadow: none;
178
- }
179
47
  }
180
- }
181
48
 
182
- &.btn-link {
183
- color: $btn-color;
184
-
185
- &:hover,
186
- &:focus,
187
49
  &:active {
188
- background-color: $transparent-bg !important;
189
- background-image: none !important;
190
- color: $white !important;
191
- text-decoration: none;
192
- box-shadow: none;
50
+ box-shadow: none !important;
51
+ transform: translateY(1px) !important;
52
+ transition: all 0.15s ease;
193
53
  }
194
- }
195
- }
196
54
 
197
- @mixin button-variant($background, $border, $hover-background: darken($background, 0%), $hover-border: darken($border, 0%), $active-background: darken($background, 10%), $active-border: darken($border, 0%)) {
198
- color: color-yiq($background);
199
- @include gradient-bg($background);
200
- border-color: $border;
201
- @include box-shadow($btn-box-shadow);
55
+ &:not([data-action]):hover {
56
+ box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
57
+ transform: translateY(-1px);
58
+ -webkit-transform: translateY(-1px);
59
+ }
202
60
 
203
- @include hover {
204
- color: color-yiq($hover-background);
205
- @include gradient-bg($hover-background);
206
- border-color: $hover-border;
207
- }
61
+ &.disabled,
62
+ &:disabled,
63
+ &[disabled],
64
+ fieldset[disabled] & {
65
+ &,
66
+ &:hover,
67
+ &:focus,
68
+ &.focus,
69
+ &:active,
70
+ &.active {
71
+ background-color: $btn-color;
72
+ border-color: $btn-color;
73
+ }
74
+ }
208
75
 
209
- &:focus,
210
- &.focus {
76
+ // btn-neutral style
77
+ @if $btn-color==$white {
78
+ color: $primary;
79
+
80
+ &.btn-danger {
81
+ color: $danger;
82
+
83
+ &:hover,
84
+ &:focus,
85
+ &:active,
86
+ &:active:focus {
87
+ color: $danger-states;
88
+ }
89
+ }
90
+
91
+ &.btn-info {
92
+ color: $info;
93
+
94
+ &:hover,
95
+ &:focus,
96
+ &:active,
97
+ &:active:focus {
98
+ color: $info-states;
99
+ }
100
+ }
101
+
102
+ &.btn-warning {
103
+ color: $warning;
104
+
105
+ &:hover,
106
+ &:focus,
107
+ &:active,
108
+ &:active:focus {
109
+ color: $warning-states;
110
+ }
111
+ }
112
+
113
+ &.btn-success {
114
+ color: $success;
115
+
116
+ &:hover,
117
+ &:focus,
118
+ &:active,
119
+ &:active:focus {
120
+ color: $success-states;
121
+ }
122
+ }
123
+
124
+ &.btn-default {
125
+ color: $default;
126
+
127
+ &:hover,
128
+ &:focus,
129
+ &:active,
130
+ &:active:focus {
131
+ color: $default-states;
132
+ }
133
+ }
134
+
135
+ &.active,
136
+ &:active,
137
+ &:active:focus,
138
+ &:active:hover,
139
+ &.active:focus,
140
+ &.active:hover,
141
+ .show > &.dropdown-toggle,
142
+ .show > &.dropdown-toggle:focus,
143
+ .show > &.dropdown-toggle:hover {
144
+ background-color: $white;
145
+ color: $primary-states;
146
+ box-shadow: none;
147
+ }
148
+
149
+ &:hover,
150
+ &:focus {
151
+ color: $primary-states;
152
+
153
+ &:not(.nav-link) {
154
+ box-shadow: none;
155
+ }
156
+ }
157
+ } @else {
158
+ color: $white;
159
+ }
211
160
 
212
- // Avoid using mixin so we can pass custom focus shadow properly
213
- @if $enable-shadows {
214
- box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
161
+ &.btn-simple {
162
+ color: $btn-color;
163
+ border-color: $btn-color;
164
+ background: $transparent-bg;
165
+
166
+ &:hover,
167
+ &:focus,
168
+ &:active,
169
+ &:not(:disabled):not(.disabled):active {
170
+ color: $btn-color;
171
+ border-color: $btn-color;
172
+ background-color: $transparent-bg !important;
173
+ background-image: none !important;
174
+ box-shadow: none;
175
+ }
176
+
177
+ &.active {
178
+ border-color: $btn-color !important;
179
+
180
+ &:hover,
181
+ &:focus,
182
+ &:active,
183
+ &:not(:disabled):not(.disabled):active {
184
+ color: $white;
185
+ border-color: $btn-color;
186
+ background-image: linear-gradient(
187
+ to bottom left,
188
+ $btn-color,
189
+ $btn-states-color,
190
+ $btn-color
191
+ ) !important;
192
+ background-image: -webkit-linear-gradient(
193
+ to bottom left,
194
+ $btn-color,
195
+ $btn-states-color,
196
+ $btn-color
197
+ ) !important;
198
+ background-image: -o-linear-gradient(
199
+ to bottom left,
200
+ $btn-color,
201
+ $btn-states-color,
202
+ $btn-color
203
+ ) !important;
204
+ background-image: -moz-linear-gradient(
205
+ to bottom left,
206
+ $btn-color,
207
+ $btn-states-color,
208
+ $btn-color
209
+ ) !important;
210
+ background-color: $btn-states-color !important;
211
+ box-shadow: none;
212
+ }
213
+ }
215
214
  }
216
215
 
217
- @else {
218
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
216
+ &.btn-link {
217
+ color: $btn-color;
218
+
219
+ &:hover,
220
+ &:focus,
221
+ &:active {
222
+ background-color: $transparent-bg !important;
223
+ background-image: none !important;
224
+ color: $white !important;
225
+ text-decoration: none;
226
+ box-shadow: none;
227
+ }
219
228
  }
220
- }
229
+ }
221
230
 
222
- // Disabled comes first so active can properly restyle
223
- &.disabled,
224
- &:disabled {
231
+ @mixin button-variant(
232
+ $background,
233
+ $border,
234
+ $hover-background: darken($background, 0%),
235
+ $hover-border: darken($border, 0%),
236
+ $active-background: darken($background, 10%),
237
+ $active-border: darken($border, 0%)
238
+ ) {
225
239
  color: color-yiq($background);
226
- background-color: $background;
240
+ @include gradient-bg($background);
227
241
  border-color: $border;
228
- }
242
+ @include box-shadow($btn-box-shadow);
229
243
 
230
- &:not(:disabled):not(.disabled):active,
231
- &:not(:disabled):not(.disabled).active,
232
- .show>&.dropdown-toggle {
233
- color: color-yiq($active-background);
234
- background-color: $active-background;
235
-
236
- @if $enable-gradients {
237
- background-image: none; // Remove the gradient for the pressed/active state
244
+ @include hover {
245
+ color: color-yiq($hover-background);
246
+ @include gradient-bg($hover-background);
247
+ border-color: $hover-border;
238
248
  }
239
249
 
240
- border-color: $active-border;
241
-
242
- &:focus {
250
+ &:focus,
251
+ &.focus {
252
+ // Avoid using mixin so we can pass custom focus shadow properly
253
+ @if $enable-shadows {
254
+ box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, 0.5);
255
+ } @else {
256
+ box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5);
257
+ }
258
+ }
243
259
 
244
- // Avoid using mixin so we can pass custom focus shadow properly
245
- @if $enable-shadows {
246
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
247
- }
260
+ // Disabled comes first so active can properly restyle
261
+ &.disabled,
262
+ &:disabled {
263
+ color: color-yiq($background);
264
+ background-color: $background;
265
+ border-color: $border;
266
+ }
248
267
 
249
- @else {
250
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
251
- }
268
+ &:not(:disabled):not(.disabled):active,
269
+ &:not(:disabled):not(.disabled).active,
270
+ .show > &.dropdown-toggle {
271
+ color: color-yiq($active-background);
272
+ background-color: $active-background;
273
+
274
+ @if $enable-gradients {
275
+ background-image: none; // Remove the gradient for the pressed/active state
276
+ }
277
+
278
+ border-color: $active-border;
279
+
280
+ &:focus {
281
+ // Avoid using mixin so we can pass custom focus shadow properly
282
+ @if $enable-shadows {
283
+ box-shadow: $btn-active-box-shadow,
284
+ 0 0 0 $btn-focus-width rgba($border, 0.5);
285
+ } @else {
286
+ box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5);
287
+ }
288
+ }
252
289
  }
253
- }
254
290
  }
255
291
 
256
- @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
257
- color: $color;
258
- background-color: transparent;
259
- background-image: none;
260
- border-color: $color;
261
-
262
- &:hover {
263
- color: $color-hover;
264
- background-color: $active-background;
265
- border-color: $active-border;
266
- }
267
-
268
- &:focus,
269
- &.focus {
270
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
271
- }
272
-
273
- &.disabled,
274
- &:disabled {
292
+ @mixin button-outline-variant(
293
+ $color,
294
+ $color-hover: color-yiq($color),
295
+ $active-background: $color,
296
+ $active-border: $color
297
+ ) {
275
298
  color: $color;
276
299
  background-color: transparent;
277
- }
300
+ background-image: none;
301
+ border-color: $color;
278
302
 
279
- &:not(:disabled):not(.disabled):active,
280
- &:not(:disabled):not(.disabled).active,
281
- .show>&.dropdown-toggle {
282
- color: color-yiq($active-background);
283
- background-color: $active-background;
284
- border-color: $active-border;
303
+ &:hover {
304
+ color: $color-hover;
305
+ background-color: $active-background;
306
+ border-color: $active-border;
307
+ }
285
308
 
286
- &:focus {
309
+ &:focus,
310
+ &.focus {
311
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);
312
+ }
287
313
 
288
- // Avoid using mixin so we can pass custom focus shadow properly
289
- @if $enable-shadows and $btn-active-box-shadow !=none {
290
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
291
- }
314
+ &.disabled,
315
+ &:disabled {
316
+ color: $color;
317
+ background-color: transparent;
318
+ }
292
319
 
293
- @else {
294
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
295
- }
320
+ &:not(:disabled):not(.disabled):active,
321
+ &:not(:disabled):not(.disabled).active,
322
+ .show > &.dropdown-toggle {
323
+ color: color-yiq($active-background);
324
+ background-color: $active-background;
325
+ border-color: $active-border;
326
+
327
+ &:focus {
328
+ // Avoid using mixin so we can pass custom focus shadow properly
329
+ @if $enable-shadows and $btn-active-box-shadow !=none {
330
+ box-shadow: $btn-active-box-shadow,
331
+ 0 0 0 $btn-focus-width rgba($color, 0.5);
332
+ } @else {
333
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);
334
+ }
335
+ }
296
336
  }
297
- }
298
337
  }
299
338
 
300
339
  // Button sizes
301
340
  @mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border) {
302
- font-size: $font-size;
303
- border-radius: $border;
304
- padding: $padding-vertical $padding-horizontal;
305
-
306
- &.btn-simple {
307
- padding: $padding-vertical - 1 $padding-horizontal - 1;
308
- }
341
+ font-size: $font-size;
342
+ border-radius: $border;
343
+ padding: $padding-vertical $padding-horizontal;
309
344
 
345
+ &.btn-simple {
346
+ padding: $padding-vertical - 1 $padding-horizontal - 1;
347
+ }
310
348
  }
311
349
 
312
350
  // for social buttons
313
- @mixin social-buttons-color ($color, $state-color) {
314
- @include diagonal-gradient($color, darken($color, 20%));
315
- //background-color: $color;
316
- color: $white;
317
- background-size: 210% 210%;
318
- background-position: top right;
319
- background-repeat: space;
320
-
321
- &:focus,
322
- &:active,
323
- &:hover {
324
- background-color: $state-color;
325
- background-image: linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
326
- background-image: -webkit-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
327
- background-image: -o-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
328
- background-image: -moz-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
351
+ @mixin social-buttons-color($color, $state-color) {
352
+ @include diagonal-gradient($color, darken($color, 20%));
353
+ //background-color: $color;
329
354
  color: $white;
330
- }
331
-
332
- &.btn-simple {
333
- color: $state-color;
334
- background-color: $transparent-bg;
335
- background-image: none !important;
336
- box-shadow: none;
337
- border-color: $state-color;
355
+ background-size: 210% 210%;
356
+ background-position: top right;
357
+ background-repeat: space;
338
358
 
339
- &:hover,
340
359
  &:focus,
341
- &:active {
342
- color: $state-color;
343
- border-color: $state-color;
360
+ &:active,
361
+ &:hover {
362
+ background-color: $state-color;
363
+ background-image: linear-gradient(
364
+ to bottom left,
365
+ $color,
366
+ darken($color, 20%),
367
+ $color
368
+ ) !important;
369
+ background-image: -webkit-linear-gradient(
370
+ to bottom left,
371
+ $color,
372
+ darken($color, 20%),
373
+ $color
374
+ ) !important;
375
+ background-image: -o-linear-gradient(
376
+ to bottom left,
377
+ $color,
378
+ darken($color, 20%),
379
+ $color
380
+ ) !important;
381
+ background-image: -moz-linear-gradient(
382
+ to bottom left,
383
+ $color,
384
+ darken($color, 20%),
385
+ $color
386
+ ) !important;
387
+ color: $white;
344
388
  }
345
- }
346
389
 
347
- &.btn-neutral {
348
- color: $color;
349
- background-color: $white;
390
+ &.btn-simple {
391
+ color: $state-color;
392
+ background-color: $transparent-bg;
393
+ background-image: none !important;
394
+ box-shadow: none;
395
+ border-color: $state-color;
396
+
397
+ &:hover,
398
+ &:focus,
399
+ &:active {
400
+ color: $state-color;
401
+ border-color: $state-color;
402
+ }
403
+ }
350
404
 
351
- &:hover,
352
- &:focus,
353
- &:active {
354
- color: $state-color;
405
+ &.btn-neutral {
406
+ color: $color;
407
+ background-color: $white;
408
+
409
+ &:hover,
410
+ &:focus,
411
+ &:active {
412
+ color: $state-color;
413
+ }
355
414
  }
356
- }
357
- }
415
+ }
data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss CHANGED
@@ -55,6 +55,10 @@
55
55
  }
56
56
  }
57
57
  }
58
+
59
+ &.long {
60
+ padding: $btn-padding-y $btn-padding-x * 2;
61
+ }
58
62
  }
59
63
 
60
64
  // Future-proof disabling of clicks on `<a>` elements
@@ -73,6 +77,13 @@ fieldset:disabled a.btn {
73
77
  }
74
78
  }
75
79
 
80
+ @each $color, $value in $theme-colors {
81
+ .btn-rounded-#{$color} {
82
+ border-radius: 30px !important;
83
+ border: 1px solid $value !important;
84
+ }
85
+ }
86
+
76
87
  @each $color, $value in $theme-colors {
77
88
  .btn-outline-#{$color} {
78
89
  @include button-outline-variant($value);
@@ -80,16 +91,31 @@ fieldset:disabled a.btn {
80
91
  }
81
92
 
82
93
  // Gradient
94
+ @mixin local_mixin_for_gradient_active($color) {
95
+ @include set-gradient-button($color);
96
+ color: $light;
97
+ // background-size: 300% 100%;
98
+ transition: all 0.4s ease-in-out;
99
+ border: 0px solid transparent !important;
100
+ &:hover {
101
+ background-position: 100% 0;
102
+ transition: all 0.4s ease-in-out;
103
+ color: $light;
104
+ }
105
+ }
106
+
83
107
  @each $color, $value in $theme-gradient-colors {
84
108
  .btn-gradient-#{$color} {
85
- @include set-gradient-button($color);
86
- color: $light;
87
- // background-size: 300% 100%;
88
- transition: all 0.4s ease-in-out;
89
- &:hover {
90
- background-position: 100% 0;
91
- transition: all 0.4s ease-in-out;
92
- color: $light;
109
+ @include local_mixin_for_gradient_active($color);
110
+ &[aria-selected='true'] {
111
+ border: 1px solid #fff !important;
112
+ }
113
+ &[aria-selected='false'] {
114
+ // display: none !important;
115
+ // @include button-outline-variant($value);
116
+ background: #fff !important;
117
+ border: 1px solid #454545 !important;
118
+ color: #454545 !important;
93
119
  }
94
120
  }
95
121
  }
data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss CHANGED
@@ -19,6 +19,9 @@
19
19
  @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
20
20
  %responsive-container-#{$breakpoint} {
21
21
  max-width: $container-max-width;
22
+ &.container-nav-bar {
23
+ max-width: $container-max-width * 1.2;
24
+ }
22
25
  }
23
26
 
24
27
  // Extend each breakpoint which is smaller or equal to the current breakpoint
@@ -38,6 +41,17 @@
38
41
  }
39
42
  }
40
43
  }
44
+
45
+ .container-full-xs {
46
+ @include media-breakpoint-down(md) {
47
+ max-width: 100vw !important;
48
+ padding: 0px !important;
49
+ }
50
+ }
51
+
52
+ .container-full-xl {
53
+ max-width: 1300px !important;
54
+ }
41
55
  }
42
56
 
43
57
  // Row
data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss CHANGED
@@ -12,6 +12,7 @@
12
12
  @include border-radius($list-group-border-radius);
13
13
  }
14
14
 
15
+
15
16
  // Interactive list items
16
17
  //
17
18
  // Use anchor or button elements instead of `li`s or `div`s to create interactive
@@ -36,6 +37,7 @@
36
37
  }
37
38
  }
38
39
 
40
+
39
41
  // Individual list items
40
42
  //
41
43
  // Use on `li`s or `div`s within the `.list-group` parent.
@@ -46,8 +48,8 @@
46
48
  padding: $list-group-item-padding-y $list-group-item-padding-x;
47
49
  color: $list-group-color;
48
50
  text-decoration: if($link-decoration == none, null, none);
49
- // background-color: $list-group-bg;
50
- border: none;
51
+ background-color: $list-group-bg;
52
+ border: $list-group-border-width solid $list-group-border-color;
51
53
 
52
54
  &:first-child {
53
55
  @include border-top-radius(inherit);
@@ -82,6 +84,7 @@
82
84
  }
83
85
  }
84
86
 
87
+
85
88
  // Horizontal
86
89
  //
87
90
  // Change the layout of list group items from vertical (default) to horizontal.
@@ -122,6 +125,7 @@
122
125
  }
123
126
  }
124
127
 
128
+
125
129
  // Flush list items
126
130
  //
127
131
  // Remove borders and border-radius to keep list group items edge-to-edge. Most
@@ -139,15 +143,12 @@
139
143
  }
140
144
  }
141
145
 
146
+
142
147
  // Contextual variants
143
148
  //
144
149
  // Add modifier classes to change text and background color on individual items.
145
150
  // Organizationally, this must come after the `:hover` states.
146
151
 
147
152
  @each $color, $value in $theme-colors {
148
- @include list-group-item-variant(
149
- $color,
150
- theme-color-level($color, -9),
151
- theme-color-level($color, 6)
152
- );
153
+ @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
153
154
  }
data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  // .modal-dialog - positioning shell for the actual modal
4
4
  // .modal-content - actual modal w/ bg and corners and stuff
5
5
 
6
+
6
7
  .modal-open {
7
8
  // Kill the scroll on the body
8
9
  overflow: hidden;
@@ -83,7 +84,7 @@
83
84
  display: block; // IE10
84
85
  height: subtract(100vh, $modal-dialog-margin * 2);
85
86
  height: min-content; // Reset height to 0 except on IE
86
- content: '';
87
+ content: "";
87
88
  }
88
89
 
89
90
  // Ensure `.modal-body` shows scrollbar (IE10/11)
@@ -131,12 +132,8 @@
131
132
  background-color: $modal-backdrop-bg;
132
133
 
133
134
  // Fade for backdrop
134
- &.fade {
135
- opacity: 0;
136
- }
137
- &.show {
138
- opacity: $modal-backdrop-opacity;
139
- }
135
+ &.fade { opacity: 0; }
136
+ &.show { opacity: $modal-backdrop-opacity; }
140
137
  }
141
138
 
142
139
  // Modal header
@@ -152,8 +149,7 @@
152
149
  .close {
153
150
  padding: $modal-header-padding;
154
151
  // auto on the left force icon to the right even when there is no .modal-title
155
- margin: (-$modal-header-padding-y) (-$modal-header-padding-x)
156
- (-$modal-header-padding-y) auto;
152
+ margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
157
153
  }
158
154
  }
159
155
 
@@ -229,9 +225,7 @@
229
225
  @include box-shadow($modal-content-box-shadow-sm-up);
230
226
  }
231
227
 
232
- .modal-sm {
233
- max-width: $modal-sm;
234
- }
228
+ .modal-sm { max-width: $modal-sm; }
235
229
  }
236
230
 
237
231
  @include media-breakpoint-up(lg) {
@@ -242,7 +236,5 @@
242
236
  }
243
237
 
244
238
  @include media-breakpoint-up(xl) {
245
- .modal-xl {
246
- max-width: $modal-xl;
247
- }
239
+ .modal-xl { max-width: $modal-xl; }
248
240
  }
data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss CHANGED
@@ -65,9 +65,10 @@ body {
65
65
  padding-top: $padding-body-lg-fixed-nav;
66
66
  }
67
67
 
68
+ // a,
68
69
  // p {
69
70
  // font-weight: $font-weight-light;
70
- // font-size: $paragraph-font-size;
71
+ // @include font-size($paragraph-font-size);
71
72
  // }
72
73
  }
73
74
 
data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss CHANGED
@@ -5,7 +5,6 @@
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
6
  */
7
7
 
8
- // @import 'functions';
9
8
  @import 'mixins';
10
9
  @import 'root';
11
10
  @import 'reboot';
@@ -27,7 +26,7 @@
27
26
  @import 'breadcrumb';
28
27
  @import 'pagination';
29
28
  @import 'badge';
30
- @import 'jumbotron';
29
+ // @import 'jumbotron';
31
30
  @import 'alert';
32
31
  @import 'progress';
33
32
  @import 'media';
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-desk_front
3
3
  version: !ruby/object:Gem::Version
4
- version: 30.0.1
4
+ version: 31.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - viny baxter