@renaissancerentals/renaissance-component 10.0.31 → 10.0.32
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.
|
@@ -34,7 +34,7 @@ var FloorplanSliderCard = function FloorplanSliderCard(_ref) {
|
|
|
34
34
|
url: floorplan.videoTourLink,
|
|
35
35
|
type: "icon-video"
|
|
36
36
|
}), /*#__PURE__*/_react.default.createElement("a", {
|
|
37
|
-
href:
|
|
37
|
+
href: "/floorplans/" + floorplan.id
|
|
38
38
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
39
39
|
className: "floorplan-card-footer featured"
|
|
40
40
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -47,4 +47,4 @@ var FloorplanSliderCard = function FloorplanSliderCard(_ref) {
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
exports.FloorplanSliderCard = FloorplanSliderCard;
|
|
50
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJGbG9vcnBsYW5TbGlkZXJDYXJkIiwiZmxvb3JwbGFuIiwic2l6ZSIsImJhY2tncm91bmRJbWFnZSIsImNvdmVySW1hZ2UiLCJnZXRBc3NldFVybCIsIkRFRkFVTFRfSU1BR0VfVVJMIiwidGhyZWVTaXh0eVZpZGVvVG91ckxpbmsiLCJ2aWRlb1RvdXJMaW5rIiwiaWQiLCJuYW1lIiwiYmVkcm9vbSIsImJhdGhyb29tIiwidW5pdHMiLCJsZW5ndGgiLCJyYW5nZUZyb20iXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmxvb3JwbGFuL2NhcmQvRmxvb3JwbGFuU2xpZGVyQ2FyZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFwiLi9hc3NldHMvRmxvb3JwbGFuQ2FyZC5zY3NzXCI7XG5pbXBvcnQge2dldEFzc2V0VXJsfSBmcm9tIFwiLi4vLi4vYXNzZXQvc2VydmljZS9Bc3NldFNlcnZpY2VcIjtcbmltcG9ydCB7Rmxvb3JwbGFuRGV0YWlsc30gZnJvbSBcIi4uL2RhdGEvRmxvb3JwbGFuXCI7XG5pbXBvcnQge0RFRkFVTFRfSU1BR0VfVVJMfSBmcm9tIFwiLi4vLi4vc2VydmljZS9BcGlcIjtcbmltcG9ydCB7cmFuZ2VGcm9tfSBmcm9tIFwiLi4vLi4vdXRpbHMvVXRpbHNcIjtcbmltcG9ydCB7Q2FyZEljb259IGZyb20gXCIuL0NhcmRJY29uXCI7XG5cbmV4cG9ydCBjb25zdCBGbG9vcnBsYW5TbGlkZXJDYXJkOiBSZWFjdC5GQzxGbG9vcnBsYW5TbGlkZXJDYXJkUHJvcHM+ID0gKFxuICAgIHtcbiAgICAgICAgZmxvb3JwbGFuLCBzaXplXG4gICAgfSkgPT4ge1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e3NpemUgPT09IFwic21hbGxcIiA/IFwiZmxvb3JwbGFuLWNhcmQgZmxvb3JwbGFuLWNhcmQtLXNtYWxsXCIgOiBcImZsb29ycGxhbi1jYXJkXCJ9XG4gICAgICAgICAgICAgc3R5bGU9e3tiYWNrZ3JvdW5kSW1hZ2U6IGB1cmwoJHtmbG9vcnBsYW4uY292ZXJJbWFnZSA/IGdldEFzc2V0VXJsKGZsb29ycGxhbi5jb3ZlckltYWdlKSA6IERFRkFVTFRfSU1BR0VfVVJMfSlgfX0+XG4gICAgICAgICAgICA8Q2FyZEljb24gdXJsPXtmbG9vcnBsYW4udGhyZWVTaXh0eVZpZGVvVG91ckxpbmt9IHR5cGU9XCJpY29uLXRvdXJcIi8+XG4gICAgICAgICAgICA8Q2FyZEljb24gdXJsPXtmbG9vcnBsYW4udmlkZW9Ub3VyTGlua30gdHlwZT1cImljb24tdmlkZW9cIi8+XG4gICAgICAgICAgICA8YSBocmVmPXtcIi9mbG9vcnBsYW5zL1wiICsgZmxvb3JwbGFuLmlkfT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsb29ycGxhbi1jYXJkLWZvb3RlciBmZWF0dXJlZFwiPlxuXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGgzPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEZlYXR1cmVkIEZsb29ycGxhblxuICAgICAgICAgICAgICAgICAgICAgICAgPC9oMz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJ0cnVuY2F0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmbG9vcnBsYW4ubmFtZX0g4oC64oC6XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2gzPlxuXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cD57Zmxvb3JwbGFuLmJlZHJvb219IGJlZCwge2Zsb29ycGxhbi5iYXRocm9vbX0gYmF0aDwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPntmbG9vcnBsYW4udW5pdHMubGVuZ3RoID4gMCA/IDw+e3JhbmdlRnJvbShmbG9vcnBsYW4udW5pdHMsIFwic3F1YXJlRm9vdFwiKX0gc3EuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZnQuPC8+IDogPD4mbmJzcDs8Lz59PC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+e2Zsb29ycGxhbi51bml0cy5sZW5ndGggPiAwID8gPD4ke3JhbmdlRnJvbShmbG9vcnBsYW4udW5pdHMsIFwicmVudFwiKX0vbW88Lz4gOiA8PiZuYnNwOzwvPn08L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZsb29ycGxhblNsaWRlckNhcmRQcm9wcyB7XG4gICAgZmxvb3JwbGFuOiBGbG9vcnBsYW5EZXRhaWxzO1xuICAgIHNpemU/OiBcInNtYWxsXCIgfCBcImxhcmdlXCI7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7OztBQUVPLElBQU1BLG1CQUF1RCxHQUFHLFNBQTFEQSxtQkFBMEQsT0FHN0Q7RUFBQSxJQURGQyxTQUNFLFFBREZBLFNBQ0U7RUFBQSxJQURTQyxJQUNULFFBRFNBLElBQ1Q7RUFFTixvQkFDSTtJQUFLLFNBQVMsRUFBRUEsSUFBSSxLQUFLLE9BQVQsR0FBbUIsc0NBQW5CLEdBQTRELGdCQUE1RTtJQUNLLEtBQUssRUFBRTtNQUFDQyxlQUFlLGdCQUFTRixTQUFTLENBQUNHLFVBQVYsR0FBdUIsSUFBQUMseUJBQUEsRUFBWUosU0FBUyxDQUFDRyxVQUF0QixDQUF2QixHQUEyREUsc0JBQXBFO0lBQWhCO0VBRFosZ0JBRUksNkJBQUMsa0JBQUQ7SUFBVSxHQUFHLEVBQUVMLFNBQVMsQ0FBQ00sdUJBQXpCO0lBQWtELElBQUksRUFBQztFQUF2RCxFQUZKLGVBR0ksNkJBQUMsa0JBQUQ7SUFBVSxHQUFHLEVBQUVOLFNBQVMsQ0FBQ08sYUFBekI7SUFBd0MsSUFBSSxFQUFDO0VBQTdDLEVBSEosZUFJSTtJQUFHLElBQUksRUFBRSxpQkFBaUJQLFNBQVMsQ0FBQ1E7RUFBcEMsZ0JBQ0k7SUFBSyxTQUFTLEVBQUM7RUFBZixnQkFFSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJLDhEQURKLGVBSUk7SUFBSSxTQUFTLEVBQUM7RUFBZCxHQUNLUixTQUFTLENBQUNTLElBRGYsa0JBSkosQ0FGSixlQVdJO0lBQUssU0FBUyxFQUFDO0VBQWYsZ0JBQ0ksd0NBQUlULFNBQVMsQ0FBQ1UsT0FBZCxZQUE2QlYsU0FBUyxDQUFDVyxRQUF2QyxVQURKLGVBRUksd0NBQUlYLFNBQVMsQ0FBQ1ksS0FBVixDQUFnQkMsTUFBaEIsR0FBeUIsQ0FBekIsZ0JBQTZCLDREQUFHLElBQUFDLGdCQUFBLEVBQVVkLFNBQVMsQ0FBQ1ksS0FBcEIsRUFBMkIsWUFBM0IsQ0FBSCxhQUE3QixnQkFDUyxtRUFEYixDQUZKLGVBSUksd0NBQUlaLFNBQVMsQ0FBQ1ksS0FBVixDQUFnQkMsTUFBaEIsR0FBeUIsQ0FBekIsZ0JBQTZCLGlFQUFJLElBQUFDLGdCQUFBLEVBQVVkLFNBQVMsQ0FBQ1ksS0FBcEIsRUFBMkIsTUFBM0IsQ0FBSixRQUE3QixnQkFBNkUsbUVBQWpGLENBSkosQ0FYSixDQURKLENBSkosQ0FESjtBQTJCSCxDQWhDTSJ9
|
|
@@ -2,139 +2,176 @@
|
|
|
2
2
|
|
|
3
3
|
$floorplan-card-color: $primary-background-color !default;
|
|
4
4
|
$floorplan-card-secondary-color: $secondary-color !default;
|
|
5
|
-
.floorplan-card
|
|
5
|
+
.floorplan-card {
|
|
6
|
+
color: $floorplan-card-color;
|
|
6
7
|
|
|
8
|
+
a {
|
|
9
|
+
color: $floorplan-card-color;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
position: relative;
|
|
13
|
+
height: 16rem;
|
|
7
14
|
width: 100vw;
|
|
8
15
|
|
|
16
|
+
//@media(min-width: $medium-size) {
|
|
17
|
+
// width: 20rem;
|
|
18
|
+
// height: 14rem;
|
|
19
|
+
//}
|
|
9
20
|
@media(min-width: $large-size) {
|
|
10
21
|
width: 25rem;
|
|
11
|
-
|
|
22
|
+
height: 16rem;
|
|
12
23
|
}
|
|
13
24
|
@media(min-width: $extra-large-size) {
|
|
14
25
|
width: 33rem;
|
|
26
|
+
height: 18rem;
|
|
27
|
+
}
|
|
15
28
|
|
|
29
|
+
background-repeat: no-repeat;
|
|
30
|
+
background-position: center;
|
|
31
|
+
background-size: cover;
|
|
32
|
+
|
|
33
|
+
.muncher-badge {
|
|
34
|
+
font-size: .8rem;
|
|
35
|
+
position: absolute;
|
|
36
|
+
right: .5rem;
|
|
37
|
+
top: .5rem;
|
|
16
38
|
}
|
|
17
|
-
|
|
18
|
-
|
|
39
|
+
|
|
40
|
+
.icon-tour {
|
|
41
|
+
position: absolute;
|
|
42
|
+
top: 1rem;
|
|
43
|
+
left: 1rem;
|
|
19
44
|
}
|
|
20
45
|
|
|
21
|
-
.
|
|
22
|
-
|
|
46
|
+
.icon-video {
|
|
47
|
+
position: absolute;
|
|
48
|
+
top: 3.5rem;
|
|
49
|
+
left: 1.1rem;
|
|
50
|
+
}
|
|
23
51
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
52
|
+
.icon-left, .icon-right {
|
|
53
|
+
position: absolute;
|
|
54
|
+
top: 40%;
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
}
|
|
27
57
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
@media(min-width: $large-size) {
|
|
32
|
-
width: 25rem;
|
|
33
|
-
height: 16rem;
|
|
34
|
-
}
|
|
35
|
-
@media(min-width: $extra-large-size) {
|
|
36
|
-
width: 33rem;
|
|
37
|
-
height: 18rem;
|
|
38
|
-
}
|
|
58
|
+
.icon-left:hover, .icon-right:hover {
|
|
59
|
+
opacity: .6;
|
|
60
|
+
}
|
|
39
61
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
62
|
+
.icon-left {
|
|
63
|
+
left: .1rem;
|
|
64
|
+
}
|
|
43
65
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
right: .5rem;
|
|
48
|
-
top: .5rem;
|
|
49
|
-
}
|
|
66
|
+
.icon-right {
|
|
67
|
+
right: .1rem;
|
|
68
|
+
}
|
|
50
69
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
70
|
+
.floorplan-card-footer {
|
|
71
|
+
position: absolute;
|
|
72
|
+
bottom: 0;
|
|
73
|
+
left: 0;
|
|
74
|
+
background-color: rgba(0, 0, 0, .4);
|
|
75
|
+
width: 100%;
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
justify-content: space-between;
|
|
79
|
+
|
|
80
|
+
h3 {
|
|
81
|
+
text-align: left;
|
|
55
82
|
}
|
|
56
83
|
|
|
57
|
-
.
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
84
|
+
.truncate {
|
|
85
|
+
text-overflow: ellipsis;
|
|
86
|
+
//@media(min-width: $medium-size) {
|
|
87
|
+
// width: 10rem;
|
|
88
|
+
//}
|
|
89
|
+
@media(min-width: $large-size) {
|
|
90
|
+
width: 15rem;
|
|
91
|
+
}
|
|
92
|
+
@media(min-width: $extra-large-size) {
|
|
93
|
+
width: 22rem;
|
|
94
|
+
}
|
|
95
|
+
width: 55vw;
|
|
96
|
+
white-space: nowrap;
|
|
97
|
+
overflow: hidden;
|
|
61
98
|
}
|
|
62
99
|
|
|
63
|
-
.
|
|
64
|
-
|
|
65
|
-
top: 40%;
|
|
66
|
-
cursor: pointer;
|
|
100
|
+
.left, .right {
|
|
101
|
+
padding: 0 .5rem;
|
|
67
102
|
}
|
|
103
|
+
}
|
|
68
104
|
|
|
69
|
-
|
|
70
|
-
|
|
105
|
+
.featured {
|
|
106
|
+
h3 {
|
|
107
|
+
text-transform: capitalize;
|
|
108
|
+
font-family: $serif-font;
|
|
109
|
+
font-weight: normal;
|
|
110
|
+
font-size: 1rem;
|
|
71
111
|
}
|
|
72
112
|
|
|
73
|
-
|
|
74
|
-
|
|
113
|
+
p {
|
|
114
|
+
font-size: .8rem;
|
|
115
|
+
margin: .4rem;
|
|
116
|
+
text-align: right;
|
|
75
117
|
}
|
|
76
118
|
|
|
77
|
-
|
|
78
|
-
|
|
119
|
+
a {
|
|
120
|
+
color: $floorplan-card-secondary-color;
|
|
121
|
+
text-decoration: underline;
|
|
79
122
|
}
|
|
80
123
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
background-color: rgba(0, 0, 0, .4);
|
|
86
|
-
width: 100%;
|
|
87
|
-
display: flex;
|
|
88
|
-
align-items: center;
|
|
89
|
-
justify-content: space-between;
|
|
90
|
-
|
|
91
|
-
h3 {
|
|
92
|
-
text-align: left;
|
|
93
|
-
}
|
|
124
|
+
color: $floorplan-card-secondary-color;
|
|
125
|
+
background-color: rgba(213, 199, 181, .7);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
94
128
|
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
129
|
+
.floorplan-card--small {
|
|
130
|
+
//@media(min-width: $medium-size) {
|
|
131
|
+
// width: 15rem;
|
|
132
|
+
// height: 14rem;
|
|
133
|
+
//}
|
|
134
|
+
@media(min-width: $large-size) {
|
|
135
|
+
width: 20rem;
|
|
136
|
+
height: 16rem;
|
|
137
|
+
}
|
|
138
|
+
@media(min-width: $extra-large-size) {
|
|
139
|
+
width: 28rem;
|
|
140
|
+
height: 18rem;
|
|
141
|
+
}
|
|
108
142
|
|
|
109
|
-
|
|
110
|
-
|
|
143
|
+
.floorplan-card-footer {
|
|
144
|
+
.left {
|
|
145
|
+
//@media(min-width: $medium-size) {
|
|
146
|
+
// max-width: 8rem;
|
|
147
|
+
//}
|
|
148
|
+
@media(min-width: $large-size) {
|
|
149
|
+
max-width: 12rem;
|
|
111
150
|
}
|
|
151
|
+
@media(min-width: $extra-large-size) {
|
|
152
|
+
max-width: 16rem;
|
|
153
|
+
}
|
|
154
|
+
|
|
112
155
|
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
113
158
|
|
|
114
|
-
|
|
115
|
-
h3 {
|
|
116
|
-
text-transform: capitalize;
|
|
117
|
-
font-family: $serif-font;
|
|
118
|
-
font-weight: normal;
|
|
119
|
-
font-size: 1rem;
|
|
120
|
-
}
|
|
159
|
+
.floorplan-card--slider {
|
|
121
160
|
|
|
122
|
-
|
|
123
|
-
font-size: .8rem;
|
|
124
|
-
margin: .4rem;
|
|
125
|
-
text-align: right;
|
|
126
|
-
}
|
|
161
|
+
width: 100vw;
|
|
127
162
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
163
|
+
@media(min-width: $large-size) {
|
|
164
|
+
width: 25rem;
|
|
165
|
+
|
|
166
|
+
}
|
|
167
|
+
@media(min-width: $extra-large-size) {
|
|
168
|
+
width: 33rem;
|
|
132
169
|
|
|
133
|
-
color: $floorplan-card-secondary-color;
|
|
134
|
-
background-color: rgba(213, 199, 181, .7);
|
|
135
|
-
}
|
|
136
170
|
}
|
|
137
171
|
|
|
172
|
+
.muncher-item-slider .muncher-button--navigate {
|
|
173
|
+
top: 35%;
|
|
174
|
+
}
|
|
138
175
|
}
|
|
139
176
|
|
|
140
177
|
.floorplan-card-slider--small {
|
|
@@ -145,28 +182,4 @@ $floorplan-card-secondary-color: $secondary-color !default;
|
|
|
145
182
|
@media(min-width: $extra-large-size) {
|
|
146
183
|
width: 28rem;
|
|
147
184
|
}
|
|
148
|
-
|
|
149
|
-
.floorplan-card--small {
|
|
150
|
-
|
|
151
|
-
@media(min-width: $large-size) {
|
|
152
|
-
width: 20rem;
|
|
153
|
-
height: 16rem;
|
|
154
|
-
}
|
|
155
|
-
@media(min-width: $extra-large-size) {
|
|
156
|
-
width: 28rem;
|
|
157
|
-
height: 18rem;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.floorplan-card-footer {
|
|
161
|
-
.left {
|
|
162
|
-
@media(min-width: $large-size) {
|
|
163
|
-
max-width: 12rem;
|
|
164
|
-
}
|
|
165
|
-
@media(min-width: $extra-large-size) {
|
|
166
|
-
max-width: 16rem;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
185
|
+
}
|