@woosmap/ui 3.67.0 → 3.70.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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/website/card.styl +60 -55
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.67.0",
3
+ "version": "3.70.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/styles/website/card.styl CHANGED
@@ -27,10 +27,6 @@
27
27
  &:hover
28
28
  .icon
29
29
  fill $primary !important
30
- .wcard--small
31
- .icon
32
- fill $secondary !important
33
-
34
30
  .wcard--office
35
31
  border 0
36
32
  > :nth-child(1)
@@ -113,7 +109,6 @@
113
109
  background-repeat no-repeat
114
110
  background-size cover
115
111
  background-position 50% 50%
116
- opacity .7
117
112
  &__body
118
113
  padding $cardPadding $cardPadding 0 $cardPadding
119
114
  &__footer
@@ -133,7 +128,7 @@
133
128
  font-size $title4
134
129
  line-height $title4 * 1.4
135
130
  display -webkit-box
136
- -webkit-line-clamp 6
131
+ -webkit-line-clamp 4
137
132
  -webkit-box-orient vertical
138
133
  margin-bottom 3rem !important
139
134
  .wcard
@@ -143,10 +138,10 @@
143
138
  flex-grow 1
144
139
  border-left 3rem solid $logo6
145
140
  padding 2.3rem 4rem
146
- height 39.2rem
141
+ height 26.2rem
147
142
  &__header
148
143
  width 100%
149
- max-width 43rem
144
+ max-width 52rem
150
145
  height auto
151
146
  &__body
152
147
  padding 0
@@ -155,7 +150,7 @@
155
150
  padding 0
156
151
  &--testimonial
157
152
  width 46rem
158
- margin 2rem 2rem 4rem 2rem
153
+ margin 2rem 2rem 12rem 2rem
159
154
  cursor default
160
155
  .wcard
161
156
  &__header
@@ -163,7 +158,6 @@
163
158
  align-items center
164
159
  justify-content center
165
160
  flex-shrink 0
166
- opacity 1
167
161
  &__content
168
162
  padding 2rem 4rem
169
163
  height 100%
@@ -209,70 +203,74 @@
209
203
  text-align center
210
204
  &--small
211
205
  max-width 28rem
212
- flex-shrink 1
213
- background-color unset
214
- box-shadow none
215
- border 0
206
+ flex-shrink 0
216
207
  margin 0 3rem 13rem 3rem
208
+ background-color $light
209
+ border .1rem solid $dark10
210
+ box-shadow 0 1.5rem 3rem $dark10
217
211
  .title
218
- font-size $title6 + .2
219
- font-weight 700
220
- line-height $title6 * 1.6
221
- margin-bottom 3rem
212
+ font-size $title5
213
+ font-weight 500
214
+ line-height $title6 * 1.4
215
+ height 9.55rem
216
+ margin-bottom 2rem
222
217
  -webkit-line-clamp 4
223
218
  .wcard
224
219
  &__header
225
- br()
226
- border .1rem solid $borderColor
220
+ br(0)
221
+ height 13rem
227
222
  width 100%
228
- height 17rem
229
223
  display flex
230
224
  align-items center
231
225
  justify-content center
232
- background-color $light
233
- margin-bottom 3rem
226
+ margin-bottom 2rem
227
+ background-color unset
228
+ border 0
229
+ border-bottom .1rem solid $dark8
234
230
  img
235
231
  svg
236
232
  width 20rem
237
233
  &__body
238
- padding 0
234
+ padding 0 2rem
239
235
  flex-grow 1
240
236
  &__footer
241
- padding 0
237
+ padding 0 2rem 2rem 2rem
242
238
  &__link
243
239
  .btn
244
- color $secondary
240
+ color $primary
245
241
  .icon
246
- fill $secondary
242
+ fill $primary
247
243
  &:hover
248
244
  &.wcard
249
- background-color unset
250
- box-shadow none
251
- border 0
245
+ position relative
246
+ background-color $light
252
247
  &--demo
253
- .title
254
- margin-bottom 1rem
255
- display flex
256
- align-items center
257
- color $light
258
- span
259
- display -webkit-box
260
- -webkit-line-clamp 2
261
- -webkit-box-orient vertical
262
-
263
- .wcard
264
- &__header
265
- opacity 1
266
- &__body
267
- .paragraph
268
- margin-bottom 2rem !important
248
+ &.wcard--small
249
+ width 22rem
250
+ .title
251
+ display flex
252
+ align-items center
253
+ padding 2rem
254
+ color $secondary
255
+ border-bottom .1rem solid $dark10
256
+ margin-bottom 0
257
+ height 11rem
258
+ span
259
+ display -webkit-box
260
+ -webkit-line-clamp 3
261
+ -webkit-box-orient vertical
269
262
  overflow hidden
270
- color $light
271
- &__link
272
- .btn
273
- color $logo1
274
- .icon
275
- fill $logo1 !important
263
+ .wcard
264
+ &__body
265
+ .paragraph
266
+ margin-bottom 2rem !important
267
+ overflow hidden
268
+ color $secondary
269
+ &__link
270
+ .btn
271
+ color $primary
272
+ .icon
273
+ fill $primary !important
276
274
 
277
275
  &--office
278
276
  margin 0 2rem 10rem 2rem
@@ -280,7 +278,6 @@
280
278
  min-height 38.4rem
281
279
  justify-content space-between
282
280
  position relative
283
- opacity 1
284
281
  .city
285
282
  trans()
286
283
  fullwh()
@@ -327,13 +324,17 @@
327
324
  transform translateY(-.4rem)
328
325
  color $textColor
329
326
  .wcard
330
- &__header
331
- opacity 1
332
327
  &__link
333
328
  .btn
334
329
  color $linkColorHover !important
335
330
  .icon
336
331
  fill $linkColorHover !important
332
+
333
+
334
+ @media screen and (min-width 1260px)
335
+ .wcard-container
336
+ max-width 100%
337
+
337
338
  @media screen and (max-width 960px)
338
339
  .wcard--testimonial
339
340
  margin 0 0 6rem 0
@@ -355,10 +356,14 @@
355
356
  padding 2.3rem
356
357
  .wcard--testimonial
357
358
  width 100%
359
+
358
360
  @media screen and (max-width 580px)
359
361
  .wcard--small
360
362
  width auto
361
363
  max-width unset
362
364
  margin 0 0 5rem 0
365
+ .wcard--demo
366
+ &.wcard--small
367
+ width auto
363
368
  .wcard--office
364
369
  margin 0 0 5rem 0