viniBaxter-spa_landing 14 → 31.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: '08af42cdd74b6d10c9d03a4bd7ba8063d2fd3161df0dfb4239bf2ddeb32fa15c'
4
- data.tar.gz: 87cddb7d0242aa4775654e17336e95b860daa0dd36077e3a79db0678f2a2babc
3
+ metadata.gz: b69cf886e4bc995aaec1f8593d5931d7708d84fbb522bd270aa5c4a633ee14b5
4
+ data.tar.gz: f0f7ee9b19dc0a1550ae6bb34978c085663453c2c94b331264800d479b2a2540
5
5
  SHA512:
6
- metadata.gz: d1af3fe293f9a41fff636f602fa1ea5a118781b3d988cc644b1111bfbb08059c63fca1e8c10bdd6d1be7f3e97afc42eab504b9ea077438bee77ced065bdb4ced
7
- data.tar.gz: d6face7491dfd319e0c048e2bd8456381c0e50bb6dfb253aff8e89b439348452ba8ead3493c915cd131e3eecece805662e94384074fbef5c5bb010fe45618ddc
6
+ metadata.gz: 42dcdbe4a7c45a12b29a93d0a222ac0c3e0dd81598478453ef2d89cd0926b84e39544709e45504002a0cc7f9cb97374138aaf86786ce556da22d8440127d71cb
7
+ data.tar.gz: 303aca5916f33ba0e4b88da19d25472d4dd6960efd86df8637b8bfb5324356f5262dce0f55f721e166f39519ab97616cc2c3bfb3998c6bbe90c07d8b1e22f48c
@@ -77,6 +77,13 @@ fieldset:disabled a.btn {
77
77
  }
78
78
  }
79
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
+
80
87
  @each $color, $value in $theme-colors {
81
88
  .btn-outline-#{$color} {
82
89
  @include button-outline-variant($value);
@@ -12,6 +12,8 @@
12
12
  background-color: $card-bg;
13
13
  background-clip: border-box;
14
14
  border: $card-border-width solid $card-border-color;
15
+ backdrop-filter: saturate(101.8%) blur(7px) !important;
16
+ background-color: rgba(255, 255, 255, 0.1) !important;
15
17
  @include border-radius($card-border-radius);
16
18
 
17
19
  > hr {
@@ -28,7 +30,7 @@
28
30
  @include border-top-radius($card-inner-border-radius);
29
31
  }
30
32
 
31
- &:last-child {
33
+ &:last-child {
32
34
  border-bottom-width: 0;
33
35
  @include border-bottom-radius($card-inner-border-radius);
34
36
  }
@@ -88,7 +90,9 @@
88
90
  border-bottom: $card-border-width solid $card-border-color;
89
91
 
90
92
  &:first-child {
91
- @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
93
+ @include border-radius(
94
+ $card-inner-border-radius $card-inner-border-radius 0 0
95
+ );
92
96
  }
93
97
  }
94
98
 
@@ -99,11 +103,12 @@
99
103
  border-top: $card-border-width solid $card-border-color;
100
104
 
101
105
  &:last-child {
102
- @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
106
+ @include border-radius(
107
+ 0 0 $card-inner-border-radius $card-inner-border-radius
108
+ );
103
109
  }
104
110
  }
105
111
 
106
-
107
112
  //
108
113
  // Header navs
109
114
  //
@@ -148,7 +153,6 @@
148
153
  @include border-bottom-radius($card-inner-border-radius);
149
154
  }
150
155
 
151
-
152
156
  // Card deck
153
157
 
154
158
  .card-deck {
@@ -172,7 +176,6 @@
172
176
  }
173
177
  }
174
178
 
175
-
176
179
  //
177
180
  // Card groups
178
181
  //
@@ -235,7 +238,6 @@
235
238
  }
236
239
  }
237
240
 
238
-
239
241
  //
240
242
  // Columns
241
243
  //
@@ -258,7 +260,6 @@
258
260
  }
259
261
  }
260
262
 
261
-
262
263
  //
263
264
  // Accordion
264
265
  //
@@ -48,6 +48,10 @@
48
48
  padding: 0px !important;
49
49
  }
50
50
  }
51
+
52
+ .container-full-xl {
53
+ max-width: 1300px !important;
54
+ }
51
55
  }
52
56
 
53
57
  // Row
@@ -3,7 +3,6 @@
3
3
  // Extended from Bootstrap
4
4
  //
5
5
 
6
-
7
6
  // Soft variants
8
7
 
9
8
  @each $color, $value in $theme-colors {
@@ -11,12 +10,81 @@
11
10
  @include badge-variant-soft($value, $badge-soft-bg-opacity);
12
11
  }
13
12
  }
13
+ @each $color, $value in $theme-colors {
14
+ .badge-outline-#{$color}-soft {
15
+ @include badge-variant-outline-soft($value, $badge-soft-bg-opacity);
16
+ color: $value;
17
+ cursor: pointer;
18
+ &.active {
19
+ @include badge-variant-outline-soft-active(
20
+ $value,
21
+ $badge-soft-bg-opacity
22
+ );
23
+ &:hover {
24
+ color: $dark;
25
+ }
26
+ }
27
+ }
28
+ }
29
+
30
+ .algolia__refine_tabs {
31
+ position: relative;
32
+ font-weight: 400 !important;
33
+ font-size: 14px !important;
34
+ line-height: 18px !important;
35
+ cursor: pointer !important;
36
+ text-align: center !important;
37
+ border: 1px solid;
38
+ background-color: #ffffff !important;
39
+ outline: none !important;
40
+ padding: 0px !important;
41
+ border-color: $gray-500 !important;
42
+ border-radius: 30px !important;
43
+ color: $black !important;
44
+ position: relative !important;
45
+ padding-top: 8px !important;
46
+ padding-bottom: 8px !important;
47
+ padding-left: 16px !important;
48
+ padding-right: 16px !important;
49
+
50
+ &:hover {
51
+ border-color: $dark !important;
52
+ }
53
+
54
+ &.refined:before {
55
+ background-image: url('https://d134ahucujhb7v.cloudfront.net/packs/media/images/icons/checkmark-wht-118c0d77479e48ce5d07126cfeffb503.svg');
56
+ width: 16px !important;
57
+ height: 16px !important;
58
+ background-color: #252525 !important;
59
+ border-radius: 9999px !important;
60
+ position: absolute !important;
61
+ background-repeat: no-repeat !important;
62
+ background-position: 50% !important;
63
+ content: '';
64
+ background-size: 50;
65
+ left: 7px;
66
+ top: 8px;
67
+ }
68
+
69
+ &.active:after {
70
+ content: '' !important;
71
+ width: calc(100% + 2px) !important;
72
+ height: calc(100% + 2px) !important;
73
+ background-color: transparent !important;
74
+ position: absolute !important;
75
+ top: -1px !important;
76
+ left: -1px !important;
77
+ border-color: inherit !important;
78
+ border-style: solid !important;
79
+ border-width: 2px !important;
80
+ border-radius: inherit !important;
81
+ }
82
+ }
14
83
 
15
84
  .badge-gray-700-soft {
16
85
  @include badge-variant-soft($gray-700, $badge-soft-bg-opacity);
17
86
  }
18
87
 
19
-
20
88
  // Color options
21
89
 
22
90
  .badge-gray-600 {
@@ -24,14 +92,12 @@
24
92
  color: $white;
25
93
  }
26
94
 
27
-
28
95
  // Sizing
29
96
 
30
97
  .badge-lg {
31
98
  padding: $badge-padding-y-lg $badge-padding-x-lg;
32
99
  }
33
100
 
34
-
35
101
  // Rounded circle
36
102
 
37
103
  .badge-rounded-circle {
@@ -45,7 +111,6 @@
45
111
  width: 1em;
46
112
  }
47
113
 
48
-
49
114
  &.badge-lg {
50
115
  height: calc(1em + #{$badge-padding-y-lg * 2});
51
116
  padding-left: $badge-padding-y-lg;
@@ -53,17 +118,21 @@
53
118
  }
54
119
  }
55
120
 
56
-
57
121
  // Positioning
58
122
 
59
123
  .badge-float {
60
124
  position: absolute;
61
- z-index: $zindex-dropdown;
125
+ z-index: $zindex-2;
62
126
  }
63
127
 
64
128
  .badge-float-outside {
65
- top: -.5rem;
66
- right: -.5rem;
129
+ top: -0.5rem;
130
+ right: -0.5rem;
131
+ }
132
+
133
+ .badge-float-inside-close {
134
+ top: 0.5rem;
135
+ right: 0.5rem;
67
136
  }
68
137
 
69
138
  .badge-float-inside {
@@ -71,7 +140,6 @@
71
140
  right: 1rem;
72
141
  }
73
142
 
74
-
75
143
  // Active
76
144
 
77
145
  .badge-white-soft.active {
@@ -24,15 +24,23 @@
24
24
  background-color: unset;
25
25
  }
26
26
 
27
- .card-body, .card-footer, .card-meta, .card-img, .card-img-top, .card-img-left, .card-img-right {
27
+ .card-body,
28
+ .card-footer,
29
+ .card-meta,
30
+ .card-img,
31
+ .card-img-top,
32
+ .card-img-left,
33
+ .card-img-right {
28
34
  position: relative;
29
35
  min-height: 1px;
30
36
  }
31
37
 
32
-
33
38
  // Card action
34
39
 
35
- a.card, a.card-body, a.card-footer, a.card-meta {
40
+ a.card,
41
+ a.card-body,
42
+ a.card-footer,
43
+ a.card-meta {
36
44
  color: inherit;
37
45
 
38
46
  @include hover {
@@ -40,7 +48,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
40
48
  }
41
49
  }
42
50
 
43
-
44
51
  // Card flush
45
52
 
46
53
  .card-flush {
@@ -52,7 +59,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
52
59
  padding-right: 0;
53
60
  }
54
61
 
55
-
56
62
  // Card border
57
63
 
58
64
  .card-border {
@@ -60,7 +66,7 @@ a.card, a.card-body, a.card-footer, a.card-meta {
60
66
  }
61
67
 
62
68
  .card-border::after {
63
- content: "";
69
+ content: '';
64
70
  position: absolute;
65
71
  top: 0;
66
72
  right: 0;
@@ -85,20 +91,16 @@ a.card, a.card-body, a.card-footer, a.card-meta {
85
91
  border-bottom-width: calc(#{$card-border-radius} - #{$border-width * 3});
86
92
  }
87
93
 
88
-
89
94
  // Card row
90
95
 
91
96
  .card-row {
92
-
93
97
  .card-body {
94
-
95
98
  @include media-breakpoint-up(md) {
96
99
  padding: $card-row-spacer-y $card-row-spacer-x;
97
100
  }
98
101
  }
99
102
 
100
103
  .card-meta {
101
-
102
104
  @include media-breakpoint-up(md) {
103
105
  padding-left: $card-row-spacer-x;
104
106
  padding-right: $card-row-spacer-x;
@@ -106,7 +108,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
106
108
  }
107
109
  }
108
110
 
109
-
110
111
  // Card image
111
112
 
112
113
  .card-img-right {
@@ -125,11 +126,9 @@ a.card, a.card-body, a.card-footer, a.card-meta {
125
126
  }
126
127
  }
127
128
 
128
-
129
129
  // Card image slider
130
130
 
131
131
  .card-img-slider {
132
-
133
132
  @include media-breakpoint-up(md) {
134
133
  height: 100%;
135
134
  width: 100%;
@@ -141,7 +140,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
141
140
  }
142
141
  }
143
142
 
144
-
145
143
  // Card image overlay
146
144
 
147
145
  .card-img-overlay {
@@ -157,26 +155,22 @@ a.card, a.card-body, a.card-footer, a.card-meta {
157
155
  border-bottom-left-radius: $card-inner-border-radius;
158
156
  }
159
157
 
160
-
161
158
  .card-img-overlay-hover {
162
159
  overflow: hidden;
163
160
  }
164
161
 
165
162
  .card-img-overlay-hover .card-body {
166
163
  transform: translateY(110%);
167
- transition: all .3s ease;
164
+ transition: all 0.3s ease;
168
165
  }
169
166
 
170
167
  .card-img-overlay-hover:hover .card-body {
171
168
  transform: translateY(0);
172
169
  }
173
170
 
174
-
175
-
176
171
  // Card group
177
172
 
178
173
  .card-group {
179
-
180
174
  @include media-breakpoint-only(sm) {
181
175
  flex-direction: column !important;
182
176
 
@@ -186,7 +180,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
186
180
  }
187
181
  }
188
182
 
189
-
190
183
  // Card meta
191
184
 
192
185
  .card-meta {
@@ -201,7 +194,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
201
194
  margin: 0 0 $card-meta-spacer-y;
202
195
  }
203
196
 
204
-
205
197
  // Card button
206
198
 
207
199
  .card-btn:last-child {
@@ -209,7 +201,6 @@ a.card, a.card-body, a.card-footer, a.card-meta {
209
201
  border-top-left-radius: 0;
210
202
  }
211
203
 
212
-
213
204
  // Zoom
214
205
 
215
206
  .card-zoom {
@@ -217,49 +208,61 @@ a.card, a.card-body, a.card-footer, a.card-meta {
217
208
  border-radius: inherit;
218
209
  }
219
210
 
220
- .card-zoom > [class*="card-img"] {
221
- transition: all .3s ease;
211
+ .card-zoom > [class*='card-img'] {
212
+ transition: all 0.3s ease;
222
213
  transform-origin: center center;
223
214
  }
224
215
 
225
- .card:hover > .card-zoom > [class*="card-img"] {
216
+ .card:hover > .card-zoom > [class*='card-img'] {
226
217
  transform: scale(1.1);
227
218
  }
228
219
 
229
-
230
220
  // Card list
231
221
 
232
222
  .card-list .list-link {
233
223
  position: relative;
234
224
  }
235
225
 
236
- .card-list .list-link::before {
237
- content: "";
238
- position: absolute;
239
- top: 0;
240
- bottom: 0;
241
- left: -$card-spacer-x;
242
- border-right: $border-width * 2 solid $primary;
243
- display: none;
244
- }
245
-
246
226
  .card-list .list-link:hover {
247
227
  color: $body-color !important;
248
228
  }
249
229
 
250
- .card-list .active .list-link {
251
- color: $body-color !important;
252
- }
253
-
254
- .card-list .active .list-link::before {
255
- display: block;
230
+ // .card-list .list-link::before {
231
+ // content: '';
232
+ // position: absolute;
233
+ // top: 0;
234
+ // bottom: 0;
235
+ // left: -$card-spacer-x;
236
+ // border-right: $border-width * 2 solid $primary;
237
+ // display: none;
238
+ // }
239
+ // .card-list .active .list-link {
240
+ // color: $body-color !important;
241
+ // }
242
+
243
+ // .card-list .active .list-link:first-child:before {
244
+ // display: block;
245
+ // }
246
+ // mycocoonspa
247
+ .list-item {
248
+ &.active > {
249
+ .list-link:first-child {
250
+ &:before {
251
+ content: '';
252
+ position: absolute;
253
+ top: 0;
254
+ bottom: 0;
255
+ left: -$card-spacer-x;
256
+ border-right: $border-width * 2 solid $primary;
257
+ display: block;
258
+ }
259
+ }
260
+ }
256
261
  }
257
262
 
258
-
259
263
  // Card bleed
260
264
 
261
265
  @include media-breakpoint-down(sm) {
262
-
263
266
  .card-bleed {
264
267
  width: auto;
265
268
  min-width: 100%;
@@ -82,7 +82,7 @@
82
82
  visibility: hidden;
83
83
  display: block;
84
84
  @include opacity(0);
85
- top: 100% !important;
85
+ top: 100%;
86
86
  }
87
87
 
88
88
  .dropdown.show &:not(.inner),
@@ -79,6 +79,17 @@
79
79
  font-weight: $font-weight-bold;
80
80
  }
81
81
 
82
+ &.dropdown-list__algolia {
83
+ top: 40px !important;
84
+ background: #ffffff;
85
+ border: 1px solid #bcbcbc;
86
+ box-shadow: 0 2px 7px -1px rgba(176, 176, 176, 0.5);
87
+ border-radius: 12px;
88
+ &:before {
89
+ display: none;
90
+ }
91
+ }
92
+
82
93
  &.dropdown-primary {
83
94
  @include dropdown-colors(
84
95
  darken($primary-color, 3%),
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .dropzone-single.dz-max-files-reached .dz-message {
48
- background-color: fade-out($black, .1);
48
+ background-color: fade-out($black, 0.1);
49
49
  color: white;
50
50
  opacity: 0;
51
51
 
@@ -83,7 +83,15 @@
83
83
  padding-bottom: 0;
84
84
  border-bottom: 0;
85
85
  }
86
-
86
+ .dropzone-msg-title {
87
+ font-size: 0.8625rem !important;
88
+ font-weight: $font-weight-light;
89
+ }
90
+ .dz-size,
91
+ .dropzone-msg-desc {
92
+ font-size: 0.6625rem !important;
93
+ font-weight: $font-weight-light;
94
+ }
87
95
  [data-dz-size] strong {
88
- font-weight: $font-weight-normal;
96
+ font-weight: $font-weight-light;
89
97
  }
@@ -351,8 +351,9 @@
351
351
  }
352
352
 
353
353
  .navbar-nav .dropdown > .dropdown-menu {
354
- left: 50%;
355
- transform: translate(-50%, 10px);
354
+ left: 0%;
355
+ // transform: translate(-50%, 0);
356
+ transform: translate(0%, 0px);
356
357
  }
357
358
 
358
359
  .navbar-nav .dropdown-menu.showing {
@@ -369,7 +370,8 @@
369
370
  }
370
371
 
371
372
  .navbar-nav .dropdown > .dropdown-menu.show {
372
- transform: translate(-50%, 0);
373
+ // transform: translate(-50%, 0);
374
+ transform: translate(0%, 0px);
373
375
  }
374
376
  }
375
377
  }
@@ -163,6 +163,12 @@ h6,
163
163
  line-height: $display-p-line-height-xs;
164
164
  letter-spacing: $display-p-line-letter-spacing-xs;
165
165
  }
166
+ .display-xs-2-p {
167
+ font-size: $display-p-2-size-xs;
168
+ font-weight: $display-p-2-weight-xs;
169
+ line-height: $display-p-2-line-height-xs;
170
+ letter-spacing: $display-p-2-line-letter-spacing-xs;
171
+ }
166
172
 
167
173
  // Lead
168
174
 
@@ -0,0 +1,57 @@
1
+ // graident home effect
2
+
3
+ // #gradient-spa-canvas {
4
+ // width: 100%;
5
+ // height: 100%;
6
+ // --gradient-color-1: #ef008f;
7
+ // --gradient-color-2: #6ec3f4;
8
+ // --gradient-color-3: #7038ff;
9
+ // --gradient-color-4: #ffba27;
10
+ // }
11
+
12
+ #gradient-spa-canvas {
13
+ width: 100%;
14
+ height: 100%;
15
+ --gradient-color-1: #ef008f;
16
+ --gradient-color-2: #03e4b8;
17
+ --gradient-color-3: #8eedf7;
18
+ --gradient-color-4: #ea7af4;
19
+ }
20
+ // .HomepageHeroGradient {
21
+ // --gradientAngle: -20deg;
22
+ // position: absolute;
23
+ // top: -70px;
24
+ // right: -70px;
25
+ // height: 1490px;
26
+ // transform: skewY(var(--gradientAngle));
27
+ // border: none;
28
+ // width: 2000px !important;
29
+ // z-index: 1;
30
+ // }
31
+
32
+ // @media (min-width: 600px) {
33
+ // .HomepageHeroGradient {
34
+ // --transformOriginX: calc(var(--gutterWidth) * 2.9);
35
+ // }
36
+ // }
37
+ #owner-account {
38
+ #gradient-spa-canvas {
39
+ width: 100%;
40
+ @include media-breakpoint-up(xl) {
41
+ height: 25vh !important;
42
+ }
43
+ @include media-breakpoint-down(xl) {
44
+ height: 35vh !important;
45
+ }
46
+ @include media-breakpoint-down(sm) {
47
+ height: 30vh !important;
48
+ }
49
+ // @include media-breakpoint-down(sm) {
50
+ // height: 35vh;
51
+ // }
52
+ --gradient-color-1: #ef008f;
53
+ --gradient-color-2: #03e4b8;
54
+ --gradient-color-3: #8eedf7;
55
+ --gradient-color-4: #ea7af4;
56
+ }
57
+ }
@@ -2,6 +2,8 @@
2
2
  @import 'key-frame';
3
3
  @import 'mixins';
4
4
  @import 'class-added-with-javascript';
5
+ @import 'canvas_wave';
6
+ @import 'owner_header';
5
7
  @import 'jumbotron-logic';
6
8
  @import 'form-search';
7
9
  @import 'hiw';
@@ -11,3 +13,4 @@
11
13
  @import 'banking';
12
14
  @import 'footer-links-map';
13
15
  @import 'flatpickr';
16
+ @import 'map';
@@ -0,0 +1,213 @@
1
+ .map-wrapper-450 {
2
+ height: 450px;
3
+ }
4
+
5
+ .map-wrapper-300 {
6
+ height: 300px;
7
+ }
8
+
9
+ .map-full {
10
+ &.shadow-left,
11
+ &.shadow-right {
12
+ &::before {
13
+ content: '';
14
+ position: absolute;
15
+ top: 0;
16
+ left: 0;
17
+ right: 0;
18
+ bottom: 0;
19
+ display: block;
20
+ z-index: 1000;
21
+ pointer-events: none;
22
+ }
23
+ }
24
+ &.shadow-left::before {
25
+ box-shadow: inset 0.5rem 0 1rem -0.5rem rgba($black, 0.15);
26
+ }
27
+ &.shadow-right::before {
28
+ box-shadow: inset 0.5rem 0 1rem -0.5rem rgba($black, 0.15);
29
+ }
30
+ }
31
+
32
+ @media print {
33
+ .map-full {
34
+ height: 500px;
35
+ page-break-before: always !important;
36
+ }
37
+ }
38
+
39
+ #map {
40
+ width: 100%;
41
+ height: 1000px;
42
+ }
43
+
44
+ @each $breakpoint in map-keys($grid-breakpoints) {
45
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
46
+ $infix: breakpoint-infix($next, $grid-breakpoints);
47
+
48
+ .map-side#{$infix} {
49
+ .map-full {
50
+ height: 100vh;
51
+ min-height: 400px;
52
+ z-index: 5;
53
+ }
54
+
55
+ @include media-breakpoint-up($next) {
56
+ position: fixed;
57
+ top: $navbarHeight;
58
+ right: 0;
59
+
60
+ .map-full {
61
+ height: calc(100vh - #{$navbarHeight});
62
+ }
63
+ }
64
+ }
65
+ }
66
+
67
+ .map-custom-popup {
68
+ .leaflet-popup-content-wrapper {
69
+ overflow: hidden;
70
+ padding: 0;
71
+ border-radius: 0;
72
+ background: transparent;
73
+ box-shadow: none;
74
+ font-family: $font-family-base;
75
+ font-size: 0.8rem;
76
+ line-height: 1.5;
77
+ }
78
+
79
+ .leaflet-popup-content {
80
+ margin: 0;
81
+ background: #fff;
82
+ }
83
+
84
+ .leaflet-popup-tip {
85
+ background: #fff;
86
+ box-shadow: none;
87
+ }
88
+
89
+ a.leaflet-popup-close-button {
90
+ display: inline-block;
91
+ width: 30px !important;
92
+ height: 30px !important;
93
+ padding: 0 !important;
94
+ text-align: center;
95
+ vertical-align: middle;
96
+ text-decoration: none;
97
+ color: #fff !important;
98
+ background: theme-color('dark') !important;
99
+ font-weight: bold;
100
+ line-height: 30px !important;
101
+ }
102
+
103
+ .leaflet-popup-content {
104
+ p {
105
+ margin: 0 0 1rem;
106
+ }
107
+
108
+ a {
109
+ color: $link-color;
110
+ }
111
+ }
112
+
113
+ .popup-venue {
114
+ display: flex;
115
+
116
+ .image {
117
+ width: 200px;
118
+ background-position: center center;
119
+ background-size: cover;
120
+ }
121
+
122
+ .text {
123
+ width: 400px;
124
+ padding: 1rem;
125
+ }
126
+ }
127
+
128
+ .popup-rental {
129
+ .image {
130
+ width: 100%;
131
+ height: 200px;
132
+ background-position: center center;
133
+ background-size: cover;
134
+ }
135
+
136
+ .text {
137
+ width: 300px;
138
+ padding: 1rem;
139
+ }
140
+ }
141
+ }
142
+
143
+ .map-custom-tooltip {
144
+ padding: 0.5rem;
145
+ border: 1px solid #fff;
146
+ border-radius: 3px;
147
+ background-color: #fff;
148
+ font-family: $font-family-base;
149
+ font-weight: bold;
150
+
151
+ &.active {
152
+ color: #fff;
153
+ border-color: theme-color('primary');
154
+ background-color: theme-color('primary');
155
+
156
+ &:before {
157
+ border-top-color: theme-color('primary');
158
+ }
159
+ }
160
+ }
161
+
162
+ .leaflet-popup-content-wrapper,
163
+ .mapboxgl-control-container,
164
+ .mapboxgl-popup-content {
165
+ .mapboxgl-ctrl-logo,
166
+ .mapboxgl-ctrl-bottom-right {
167
+ display: none;
168
+ }
169
+
170
+ overflow: hidden;
171
+ padding: 0;
172
+ border-radius: 0;
173
+ background: transparent;
174
+ box-shadow: none;
175
+ // font-family: 'HKGroteskPro';
176
+ font-size: 0.8rem;
177
+ line-height: 1.5;
178
+ width: 301px;
179
+
180
+ .leaflet-popup-content {
181
+ margin: 0;
182
+ background: #fff;
183
+
184
+ .image {
185
+ width: 100%;
186
+ height: 200px;
187
+ background-position: center center;
188
+ background-size: cover;
189
+ }
190
+
191
+ .text {
192
+ width: 300px;
193
+ padding: 1rem;
194
+ }
195
+ }
196
+ }
197
+
198
+ .mapboxgl-marker.mapboxgl-marker-anchor-center {
199
+ display: none !important;
200
+ }
201
+ // .map_box_container {
202
+ // position: relative;
203
+ // top: $navbarHeight;
204
+ // height: 100% !important;
205
+ // width: 100% !important;
206
+ // }
207
+
208
+ // #map {
209
+ // position: absolute;
210
+ // top: 0;
211
+ // bottom: 0;
212
+ // width: 100%;
213
+ // }
@@ -0,0 +1,25 @@
1
+ #owner-account {
2
+ #owner-header {
3
+ img {
4
+ width: 20%;
5
+ @include media-breakpoint-down(xs) {
6
+ width: 50%;
7
+ }
8
+ }
9
+ // font-size: 12px !important;
10
+ // margin-right: 15px !important;
11
+ div:first-child {
12
+ flex: 2 0 80% !important;
13
+ }
14
+ div:nth-child(2) {
15
+ flex: 2 0 20% !important;
16
+ @include media-breakpoint-down(xs) {
17
+ flex: 1 1 100% !important;
18
+ margin-top: 20px;
19
+ }
20
+ }
21
+ // &:nth-child(3) {
22
+ // flex: 1 1 30% !important;
23
+ // }
24
+ }
25
+ }
@@ -6,8 +6,9 @@
6
6
  position: absolute !important;
7
7
  top: 0;
8
8
  background-repeat: no-repeat !important;
9
- animation-name: illusion_jumbotron !important;
10
- animation-duration: 300ms !important;
9
+ // this annimation is not cool for jumbo effect
10
+ // animation-name: illusion_jumbotron !important;
11
+ // animation-duration: 300ms !important;
11
12
  animation-timing-function: ease-out !important;
12
13
  background-size: cover !important;
13
14
  width: 100%;
@@ -31,7 +32,7 @@
31
32
  rgba(255, 255, 255, 0) 8%,
32
33
  rgba(255, 255, 255, 0.21) 100%
33
34
  ),
34
- url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/Spassngo/site/home/home_jumbo_spassngo.jpg');
35
+ url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/Spafolly/site/home/home_jumbo_spafolly.jpg');
35
36
  }
36
37
 
37
38
  // target the left side of the picture
@@ -72,7 +73,49 @@
72
73
  }
73
74
  }
74
75
  }
76
+ @mixin form_search_xl {
77
+ position: fixed !important;
78
+ top: 0 !important;
79
+ left: 0 !important;
80
+ margin: 0px auto auto;
81
+ #div-inject_span {
82
+ opacity: 0;
83
+ position: absolute;
84
+ top: 0px;
85
+ left: 0%;
86
+ width: 38%;
87
+ transition: all 0.8s ease-in-out;
88
+ height: auto;
89
+ border-radius: 0px;
90
+ &.show {
91
+ opacity: 1;
92
+ top: 10px;
93
+ z-index: 1079;
94
+ }
95
+ }
96
+ .wrapper-search-bg-light {
97
+ padding: 1rem 2.2rem 1.5rem 40%;
98
+ }
99
+ }
75
100
 
101
+ #main-wrapper-search-map {
102
+ .form-group {
103
+ font-size: 12px !important;
104
+ margin-right: 15px !important;
105
+ &:first-child {
106
+ flex: 2 0 40% !important;
107
+ }
108
+ &:nth-child(2) {
109
+ flex: 1 1 30% !important;
110
+ }
111
+ &:nth-child(3) {
112
+ flex: 1 1 30% !important;
113
+ }
114
+ }
115
+ input {
116
+ @include form-with-only-bottom-border;
117
+ }
118
+ }
76
119
  #main-wrapper-search-jumbo {
77
120
  position: absolute;
78
121
  margin: 43px auto auto;
@@ -80,47 +123,13 @@
80
123
  width: 850px;
81
124
  left: calc((100% - 850px) / 2);
82
125
  &.sticky {
83
- position: fixed !important;
84
- top: 0 !important;
85
- left: 0 !important;
86
- margin: 0px auto auto;
87
- #div-inject_span {
88
- opacity: 0;
89
- position: absolute;
90
- top: 0px;
91
- left: 0%;
92
- width: 38%;
93
- transition: all 0.8s ease-in-out;
94
- height: auto;
95
- border-radius: 0px;
96
- &.show {
97
- opacity: 1;
98
- top: 10px;
99
- z-index: 1079;
100
- }
101
- }
102
- .wrapper-search-bg-light {
103
- padding: 1rem 2.2rem 1.5rem 40%;
104
- }
126
+ @include form_search_xl;
105
127
  }
106
128
 
107
- // @include media-breakpoint-up(xl) {
108
- // width: 60%;
109
- // left: calc((100% - 60%) / 2);
110
- // }
111
- // @include media-breakpoint-down(xl) {
112
- // width: 66%;
113
- // left: calc((100% - 66%) / 2);
114
- // }
115
129
  @include media-breakpoint-down(lg) {
116
130
  width: 90%;
117
131
  left: calc((100% - 90%) / 2);
118
132
  }
119
- // @include media-breakpoint-down(sm) {
120
- // width: 98%;
121
- // left: calc((100% - 98%) / 2);
122
- // top: 65%;
123
- // }
124
133
 
125
134
  .wrapper-search-bg-light {
126
135
  @include wrapper-inline-form-bg-white;
@@ -137,7 +146,6 @@
137
146
  // }
138
147
  &.string.required.search_what_where_xl_form_input {
139
148
  flex: 1 1 30% !important;
140
- // flex: 2 1 60% !important;
141
149
  }
142
150
  &.string.required.search_added_values_xl_form_input {
143
151
  flex: 1 1 30% !important;
@@ -13,4 +13,26 @@
13
13
  color: $color;
14
14
  }
15
15
  }
16
- }
16
+ }
17
+
18
+ @mixin badge-variant-outline-soft($color, $badge-soft-bg-opacity) {
19
+ border: 1px solid $color;
20
+ @at-root a#{&} {
21
+ @include hover-focus {
22
+ // background-color: rgba($color, $badge-soft-bg-opacity * 2);
23
+ color: $color;
24
+ }
25
+ }
26
+ }
27
+ @mixin badge-variant-outline-soft-active($color, $badge-soft-bg-opacity) {
28
+ border: 2px solid $color;
29
+ color: $color;
30
+ font-weight: 400;
31
+ @at-root a#{&} {
32
+ @include hover-focus {
33
+ // background-color: rgba($color, $badge-soft-bg-opacity * 2);
34
+ color: $color;
35
+ font-weight: 500;
36
+ }
37
+ }
38
+ }
@@ -209,7 +209,7 @@
209
209
 
210
210
  &:before {
211
211
  // background: $brand-primary; /* For browsers that do not support gradients */
212
- background: $secondary-gradient;
212
+ background: $primary-gradient;
213
213
  @include opacity(0.76);
214
214
  box-shadow: $material-shadow;
215
215
  display: block;
@@ -237,12 +237,23 @@
237
237
  color: $white;
238
238
  }
239
239
 
240
- .btn {
241
- position: fixed !important;
242
- bottom: 30px;
243
- margin-left: 30px;
244
- width: 80%;
245
- color: $white !important;
240
+ $number_of_btn: 6;
241
+
242
+ // .btn:nth-child(1) {
243
+ // // position: fixed !important;
244
+ // // bottom: 30px * (($i - 1) * 2);
245
+ // margin-bottom: 30px !important;
246
+ // // width: 80%;
247
+ // color: $white !important;
248
+ // }
249
+ @for $i from 1 through $number_of_btn {
250
+ .btn:nth-child(#{$i}) {
251
+ // position: fixed !important;
252
+ bottom: 40px * $i;
253
+ // margin-bottom: 30px !important;
254
+ // width: 80%;
255
+ color: $white !important;
256
+ }
246
257
  }
247
258
 
248
259
  // check btn-outline-
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .shadow-light-lg {
11
- box-shadow: $box-shadow-light-lg !important;
11
+ box-shadow: $box-shadow-light-less-lg !important;
12
12
  }
13
13
 
14
14
  .shadow-dark {
@@ -21,4 +21,4 @@
21
21
 
22
22
  .shadow-lift {
23
23
  box-shadow: $box-shadow-lift !important;
24
- }
24
+ }
@@ -1,5 +1,13 @@
1
1
  module ViniBaxter
2
+ # module SpaLanding
3
+ # VERSION = '15.0.0'
4
+ # end
2
5
  module SpaLanding
3
- VERSION = '14'
6
+ MAJOR = 31
7
+ MINOR = 0
8
+ TINY = 0
9
+ # PRE = "alpha"
10
+
11
+ VERSION = [MAJOR, MINOR, TINY].compact.join(".")
4
12
  end
5
13
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-spa_landing
3
3
  version: !ruby/object:Gem::Version
4
- version: '14'
4
+ version: 31.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - vini baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-10-16 00:00:00.000000000 Z
11
+ date: 2021-03-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -217,6 +217,7 @@ files:
217
217
  - lib/viniBaxter/sass/spa_landing/theme/_type.scss
218
218
  - lib/viniBaxter/sass/spa_landing/theme/_utilities.scss
219
219
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_banking.scss
220
+ - lib/viniBaxter/sass/spa_landing/theme/both_gems/_canvas_wave.scss
220
221
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_class-added-with-javascript.scss
221
222
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_custom_modals.scss
222
223
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_flatpickr.scss
@@ -227,8 +228,10 @@ files:
227
228
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_index.scss
228
229
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_jumbotron-logic.scss
229
230
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_key-frame.scss
231
+ - lib/viniBaxter/sass/spa_landing/theme/both_gems/_map.scss
230
232
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_mission.scss
231
233
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/_mixins.scss
234
+ - lib/viniBaxter/sass/spa_landing/theme/both_gems/_owner_header.scss
232
235
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/flatpickr/fatpickr_mixins.scss
233
236
  - lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss
234
237
  - lib/viniBaxter/sass/spa_landing/theme/hidden/_hidden-down.scss
@@ -283,7 +286,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
283
286
  - !ruby/object:Gem::Version
284
287
  version: '0'
285
288
  requirements: []
286
- rubygems_version: 3.1.4
289
+ rubygems_version: 3.1.2
287
290
  signing_key:
288
291
  specification_version: 4
289
292
  summary: test on front