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 +4 -4
- data/lib/viniBaxter/sass/bootstrap/_buttons.scss +7 -0
- data/lib/viniBaxter/sass/bootstrap/_card.scss +9 -8
- data/lib/viniBaxter/sass/bootstrap/_grid.scss +4 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_badge.scss +78 -10
- data/lib/viniBaxter/sass/spa_landing/theme/_card.scss +47 -44
- data/lib/viniBaxter/sass/spa_landing/theme/_dropdown-extend.scss +1 -1
- data/lib/viniBaxter/sass/spa_landing/theme/_dropdown_creative.scss +11 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_dropzone.scss +11 -3
- data/lib/viniBaxter/sass/spa_landing/theme/_navbar.scss +5 -3
- data/lib/viniBaxter/sass/spa_landing/theme/_type.scss +6 -0
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_canvas_wave.scss +57 -0
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_index.scss +3 -0
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_map.scss +213 -0
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_owner_header.scss +25 -0
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss +47 -39
- data/lib/viniBaxter/sass/spa_landing/theme/mixins/_badge.scss +23 -1
- data/lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss +18 -7
- data/lib/viniBaxter/sass/spa_landing/theme/utilities/_shadows.scss +2 -2
- data/lib/viniBaxter/spa_landing/version.rb +9 -1
- metadata +6 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b69cf886e4bc995aaec1f8593d5931d7708d84fbb522bd270aa5c4a633ee14b5
|
4
|
+
data.tar.gz: f0f7ee9b19dc0a1550ae6bb34978c085663453c2c94b331264800d479b2a2540
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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(
|
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(
|
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
|
//
|
@@ -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-
|
125
|
+
z-index: $zindex-2;
|
62
126
|
}
|
63
127
|
|
64
128
|
.badge-float-outside {
|
65
|
-
top:
|
66
|
-
right:
|
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,
|
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,
|
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*=
|
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*=
|
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 .
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
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%;
|
@@ -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-
|
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:
|
355
|
-
transform: translate(-50%,
|
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
|
-
|
10
|
-
animation-
|
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/
|
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
|
-
|
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: $
|
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
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
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-
|
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:
|
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:
|
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.
|
289
|
+
rubygems_version: 3.1.2
|
287
290
|
signing_key:
|
288
291
|
specification_version: 4
|
289
292
|
summary: test on front
|