imio.smartweb.core 1.2.75__py3-none-any.whl → 1.2.76__py3-none-any.whl

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 (18) hide show
  1. imio/smartweb/core/browser/static/smartweb-view-compiled.css +1 -1
  2. imio/smartweb/core/browser/static/src/view.less +106 -57
  3. imio/smartweb/core/contents/pages/views.py +4 -1
  4. imio/smartweb/core/contents/sections/contact/macros.pt +28 -3
  5. imio/smartweb/core/webcomponents/src/components/Annuaire/Annuaire.scss +364 -378
  6. imio/smartweb/core/webcomponents/src/components/Events/Events.scss +401 -417
  7. imio/smartweb/core/webcomponents/src/components/Filters/MainFilter.scss +174 -172
  8. imio/smartweb/core/webcomponents/src/components/News/News.scss +145 -130
  9. imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx +35 -14
  10. imio/smartweb/core/webcomponents/src/components/Search/Search.scss +117 -118
  11. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/METADATA +13 -1
  12. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/RECORD +18 -18
  13. /imio.smartweb.core-1.2.75-py3.12-nspkg.pth → /imio.smartweb.core-1.2.76-py3.12-nspkg.pth +0 -0
  14. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.GPL +0 -0
  15. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.rst +0 -0
  16. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/WHEEL +0 -0
  17. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/namespace_packages.txt +0 -0
  18. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/top_level.txt +0 -0
imio/smartweb/core/webcomponents/src/components/Events/Events.scss CHANGED
@@ -1,582 +1,566 @@
1
1
  html,
2
2
  body {
3
- max-width: 100%;
4
- overflow-x: initial !important;
3
+ max-width: 100%;
4
+ overflow-x: initial !important;
5
5
  }
6
6
 
7
7
  .row {
8
- padding: 0;
9
- margin: 0;
8
+ padding: 0;
9
+ margin: 0;
10
10
  }
11
11
 
12
12
  .breadcrumb {
13
- padding: 0;
13
+ padding: 0;
14
14
  }
15
15
 
16
16
  // FOR SCROLL
17
17
 
18
18
  body .outer-wrapper {
19
- &>.container {
20
- max-width: 100% !important;
21
- padding: 0 !important;
22
-
23
- }
19
+ & > .container {
20
+ max-width: 100% !important;
21
+ padding: 0 !important;
22
+ }
24
23
  }
25
24
 
26
25
  .r-annuaire-wrapper {
27
- @media screen and (min-width:1200px) {
28
- max-width: 100%;
29
- margin-right: inherit;
30
- padding-right: 0;
31
- padding-left: 0;
32
- }
26
+ @media screen and (min-width: 1200px) {
27
+ max-width: 100%;
28
+ margin-right: inherit;
29
+ padding-right: 0;
30
+ padding-left: 0;
31
+ }
33
32
  }
34
33
 
35
34
  #portal-column-content {
36
- padding: 0 !important;
35
+ padding: 0 !important;
37
36
  }
38
37
 
39
-
40
38
  #portal-column-content {
41
- h1 {
42
- font-size: 0px;
43
- position: absolute;
44
- }
39
+ h1 {
40
+ font-size: 0px;
41
+ position: absolute;
42
+ }
45
43
  }
46
44
 
47
45
  #viewlet-below-content-title,
48
46
  #viewlet-below-content-description {
49
- display: none;
47
+ display: none;
50
48
  }
51
49
 
52
50
  header#content-header {
53
- position: sticky;
54
- top: 0;
55
- background: #fff;
51
+ position: sticky;
52
+ top: 0;
53
+ background: #fff;
56
54
  }
57
55
 
58
-
59
- article>header {
60
- margin-bottom: 0px;
56
+ article > header {
57
+ margin-bottom: 0px;
61
58
  }
62
59
 
63
60
  .r-annuaire-result {
64
- grid-area: 1 / 1 / 3 / 2;
61
+ grid-area: 1 / 1 / 3 / 2;
65
62
  }
66
63
 
67
64
  .r-map.annuaire-map {
68
- position: sticky;
69
- grid-area: 1 / 2 / 2 / 3;
65
+ position: sticky;
66
+ grid-area: 1 / 2 / 2 / 3;
70
67
  }
71
68
 
72
-
73
69
  /////////
74
70
 
75
-
76
71
  .r-wrapper {
77
- display: block;
78
-
79
- @media screen and (min-width:1200px) {
80
- display: grid;
81
- grid-template-columns: minmax(20px, 800px) minmax(20px, 100%);
82
- justify-content: space-between;
83
- width: calc(558px + 50vw);
84
- margin-left: auto;
85
- gap: 40px;
86
- }
87
-
88
- @media screen and (min-width:1400px) {
89
- width: calc(648px + 50vw);
90
- }
91
-
92
- .r-result {
93
- margin-top: 2rem;
94
- padding-bottom: 2rem;
95
-
96
- &-list {
97
- padding: 0;
98
-
99
- .r-list-item-group {
100
- position: relative;
101
- list-style: none;
102
- margin: 1rem 0;
103
-
104
- .r-list-item-link {
105
- inset: 0px !important;
106
- position: absolute !important;
107
- }
108
-
109
- .r-list-item {
110
- display: flex;
111
- height: 100%;
112
- flex-direction: column;
113
-
114
- @media screen and (min-width:600px) {
115
- flex-direction: row;
116
- }
117
-
118
- .r-item-img {
119
- width: 100%;
120
- padding-bottom: 56%;
121
-
122
- &.r-item-img-placeholder {
123
- background-color: #f2f2f2;
124
- }
125
-
126
- @media screen and (min-width:600px) {
127
- width: 246px;
128
- height: 149px;
129
- padding-bottom: 0;
130
- }
131
-
132
- background-size: cover;
133
- }
134
-
135
- .r-item-text {
136
- margin-top: 0.6rem;
137
-
138
- @media screen and (min-width:600px) {
139
- margin-left: 1.5rem;
140
- margin-top: 0;
141
- }
72
+ display: block;
142
73
 
143
- flex-grow: 1;
74
+ @media screen and (min-width: 1200px) {
75
+ display: grid;
76
+ grid-template-columns: minmax(20px, 800px) minmax(20px, 100%);
77
+ justify-content: space-between;
78
+ width: calc(558px + 50vw);
79
+ margin-left: auto;
80
+ gap: 40px;
81
+ }
144
82
 
145
- a {
146
- position: relative;
147
- }
83
+ @media screen and (min-width: 1400px) {
84
+ width: calc(648px + 50vw);
85
+ }
148
86
 
149
- .r-item-title {
150
- font-weight: bold;
151
- display: block;
152
- }
87
+ .r-result {
88
+ margin-top: 2rem;
89
+ padding-bottom: 2rem;
153
90
 
154
- .r-item-categorie {
155
- display: block;
156
- }
91
+ &-list {
92
+ padding: 0;
157
93
 
158
- .r-item-all {
159
- display: flex;
160
- gap: 10px;
94
+ .r-list-item-group {
95
+ position: relative;
96
+ list-style: none;
97
+ margin: 1rem 0;
161
98
 
162
- .r-item-adresse {
163
- width: 36%;
164
- }
99
+ .r-list-item-link {
100
+ inset: 0px !important;
101
+ position: absolute !important;
102
+ }
165
103
 
166
- .r-item-contact {}
104
+ .r-list-item {
105
+ display: flex;
106
+ height: 100%;
107
+ flex-direction: column;
108
+
109
+ @media screen and (min-width: 600px) {
110
+ flex-direction: row;
111
+ }
112
+
113
+ .r-item-img {
114
+ width: 100%;
115
+ padding-bottom: 56%;
116
+ background-size: cover;
117
+
118
+ &.r-item-img-placeholder {
119
+ background-color: #f2f2f2;
120
+ }
121
+
122
+ @media screen and (min-width: 600px) {
123
+ width: 246px;
124
+ height: 149px;
125
+ padding-bottom: 0;
126
+ }
127
+ }
128
+
129
+ .r-item-text {
130
+ margin-top: 0.6rem;
131
+ flex-grow: 1;
132
+
133
+ @media screen and (min-width: 600px) {
134
+ margin-left: 1.5rem;
135
+ margin-top: 0;
136
+ }
137
+
138
+ a {
139
+ position: relative;
140
+ }
141
+
142
+ .r-item-title {
143
+ font-weight: bold;
144
+ display: block;
145
+ }
146
+
147
+ .r-item-categorie {
148
+ display: block;
149
+ }
150
+
151
+ .r-item-all {
152
+ display: flex;
153
+ gap: 10px;
154
+
155
+ .r-item-adresse {
156
+ width: 36%;
157
+ }
158
+
159
+ .r-item-contact {
160
+ }
161
+ }
162
+ }
163
+ }
167
164
  }
168
- }
169
165
  }
170
- }
171
166
  }
172
- }
173
167
 
174
- .r-map {
175
- @media screen and (max-width:1200px) {
176
- margin-top: 2rem !important;
177
- }
168
+ .r-map {
169
+ @media screen and (max-width: 1200px) {
170
+ margin-top: 2rem !important;
171
+ }
178
172
 
179
- .leaflet-container {
180
- @media screen and (max-width:1200px) {
181
- height: 50vh !important;
182
- }
173
+ .leaflet-container {
174
+ @media screen and (max-width: 1200px) {
175
+ height: 50vh !important;
176
+ }
177
+ }
183
178
  }
184
- }
185
179
  }
186
180
 
187
-
188
-
189
181
  // FOR BLA
190
182
  .r-load-more {
191
- margin-bottom: 2rem;
192
- text-align: center;
193
-
194
- button {
195
- background: #000;
196
- border: solid 1px transparent;
197
- color: #fff;
198
- padding: 0.4rem 1rem;
199
- border-radius: 10px;
200
- border-bottom-left-radius: 10px;
201
- border-bottom-left-radius: 0px;
202
- font-weight: bold;
203
- font-size: 14px;
204
- margin: 0 auto;
205
- display: block;
183
+ margin-bottom: 2rem;
184
+ text-align: center;
206
185
 
207
- &:hover {
208
- background: rgba(0, 0, 0, 0.871);
186
+ button {
187
+ background: #000;
188
+ border: solid 1px transparent;
189
+ color: #fff;
190
+ padding: 0.4rem 1rem;
191
+ border-radius: 10px;
192
+ border-bottom-left-radius: 10px;
193
+ border-bottom-left-radius: 0px;
194
+ font-weight: bold;
195
+ font-size: 14px;
196
+ margin: 0 auto;
197
+ display: block;
198
+
199
+ &:hover {
200
+ background: rgba(0, 0, 0, 0.871);
201
+ }
209
202
  }
210
- }
211
203
  }
212
204
 
213
205
  .r-wrapper {
214
- .r-result {
215
- &-list {
216
- .r-list-item-group {
217
-
218
- .r-list-item-link {}
219
-
220
- .r-list-item {
221
- .r-item-img {
222
- border-radius: 15px 15px 15px 0px;
223
- }
224
-
225
- .r-item-text {
226
- font-size: 13px;
227
-
228
- &:after {
229
- content: "";
230
- width: 50px;
231
- height: 50px;
232
- background: yellow;
233
- border-radius: 50px;
234
- }
235
-
236
- .r-item-title {
237
- font-size: 18px;
238
- }
239
-
240
- .r-item-categorie {
241
- margin-bottom: 5px;
242
- text-transform: uppercase;
243
- color: #747474;
244
- font-weight: 400;
245
- font-size: 13px;
246
- }
247
-
248
- .r-item-all {
249
- color: #727272;
250
-
251
- a {
252
- color: #000;
253
- }
254
-
255
- .r-item-adresse {
256
- .itineraty {
257
- margin-top: 5px;
258
-
259
- &:before {
260
- content: "";
261
- width: 15px;
262
- height: 15px;
263
- display: inline-block;
264
- background-size: contain;
265
- background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.68 10.97'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cpath id='map-marker' d='M3.84,5.21A1.37,1.37,0,1,1,5.21,3.84h0A1.37,1.37,0,0,1,3.84,5.21M3.84,0A3.84,3.84,0,0,0,0,3.84H0C0,6.72,3.84,11,3.84,11S7.68,6.72,7.68,3.84A3.84,3.84,0,0,0,3.84,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
266
- vertical-align: middle;
267
- }
206
+ .r-result {
207
+ &-list {
208
+ .r-list-item-group {
209
+ .r-list-item-link {
268
210
  }
269
- }
270
211
 
271
- .r-item-contact {
272
- width: 100%;
273
- }
212
+ .r-list-item {
213
+ .r-item-img {
214
+ border-radius: 15px 15px 15px 0px;
215
+ }
216
+
217
+ .r-item-text {
218
+ font-size: 13px;
219
+
220
+ &:after {
221
+ content: "";
222
+ width: 50px;
223
+ height: 50px;
224
+ background: yellow;
225
+ border-radius: 50px;
226
+ }
227
+
228
+ .r-item-title {
229
+ font-size: 18px;
230
+ }
231
+
232
+ .r-item-categorie {
233
+ margin-bottom: 5px;
234
+ text-transform: uppercase;
235
+ color: #747474;
236
+ font-weight: 400;
237
+ font-size: 13px;
238
+ }
239
+
240
+ .r-item-all {
241
+ color: #727272;
242
+
243
+ a {
244
+ color: #000;
245
+ }
246
+
247
+ .r-item-adresse {
248
+ .itineraty {
249
+ margin-top: 5px;
250
+
251
+ &:before {
252
+ content: "";
253
+ width: 15px;
254
+ height: 15px;
255
+ display: inline-block;
256
+ background-size: contain;
257
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.68 10.97'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cpath id='map-marker' d='M3.84,5.21A1.37,1.37,0,1,1,5.21,3.84h0A1.37,1.37,0,0,1,3.84,5.21M3.84,0A3.84,3.84,0,0,0,0,3.84H0C0,6.72,3.84,11,3.84,11S7.68,6.72,7.68,3.84A3.84,3.84,0,0,0,3.84,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
258
+ no-repeat;
259
+ vertical-align: middle;
260
+ }
261
+ }
262
+ }
263
+
264
+ .r-item-contact {
265
+ width: 100%;
266
+ }
267
+ }
268
+ }
269
+ }
274
270
  }
275
- }
276
271
  }
277
- }
278
272
  }
279
- }
280
273
  }
281
274
 
282
-
283
-
284
-
285
-
286
-
287
275
  //////////////////////////////
288
276
  .icon-baseline {
289
- display: inline-flex;
290
- align-self: center;
291
- margin-right: 0.4rem;
277
+ display: inline-flex;
278
+ align-self: center;
279
+ margin-right: 0.4rem;
292
280
 
293
- svg {
294
- top: .125em;
295
- position: relative;
296
- height: 1em;
297
- width: 1em;
298
- }
281
+ svg {
282
+ top: 0.125em;
283
+ position: relative;
284
+ height: 1em;
285
+ width: 1em;
286
+ }
299
287
  }
300
288
 
301
289
  .dpinlb {
302
- display: inline-block;
303
- vertical-align: top;
290
+ display: inline-block;
291
+ vertical-align: top;
304
292
  }
305
293
 
306
294
  .r-recurence-past {
307
- opacity: 0.5;
295
+ opacity: 0.5;
308
296
  }
309
297
 
310
298
  .recurence-schedul {
311
- position: relative;
299
+ position: relative;
312
300
  }
313
301
 
314
302
  .recurence-schedul-more {
315
- display: block;
303
+ display: block;
316
304
  }
317
305
 
318
306
  .recurence-modal-display {
319
- background-color: #fff;
320
- position: absolute;
321
- top: 0;
322
- left: 0;
323
- right: 0;
324
- width: max-content;
325
- padding: 10px 15px !important;
326
- box-shadow:
327
- 0.7px 0px 5.3px rgba(0, 0, 0, 0.024),
328
- 2.5px 0px 17.9px rgba(0, 0, 0, 0.036),
329
- 11px 0px 80px rgba(0, 0, 0, 0.06);
330
- border-radius: 10px;
331
- border: solid 1px #dadada;
332
-
333
- span {
334
- font-size: 14px;
335
- color: #000;
336
- border-bottom: solid 1px #969696;
337
- margin-bottom: 0.4rem;
338
- display: block;
339
- }
307
+ background-color: #fff;
308
+ position: absolute;
309
+ top: 0;
310
+ left: 0;
311
+ right: 0;
312
+ width: max-content;
313
+ padding: 10px 15px !important;
314
+ box-shadow:
315
+ 0.7px 0px 5.3px rgba(0, 0, 0, 0.024),
316
+ 2.5px 0px 17.9px rgba(0, 0, 0, 0.036),
317
+ 11px 0px 80px rgba(0, 0, 0, 0.06);
318
+ border-radius: 10px;
319
+ border: solid 1px #dadada;
320
+
321
+ span {
322
+ font-size: 14px;
323
+ color: #000;
324
+ border-bottom: solid 1px #969696;
325
+ margin-bottom: 0.4rem;
326
+ display: block;
327
+ }
340
328
 
341
- ul {
342
- margin: 0;
343
- }
329
+ ul {
330
+ margin: 0;
331
+ }
344
332
 
345
- li {
346
- list-style: none;
347
- }
333
+ li {
334
+ list-style: none;
335
+ }
348
336
  }
349
337
 
350
338
  .recurence-modal-hide {
351
- display: none;
339
+ display: none;
352
340
  }
353
341
 
354
342
  //// for bla ////
355
343
  // content
356
344
 
357
345
  .r-content-img {
358
- padding-bottom: 60%;
346
+ padding-bottom: 60%;
359
347
  }
360
348
 
361
349
  .r-content-header {
362
- margin-bottom: 1rem;
350
+ margin-bottom: 1rem;
363
351
  }
364
352
 
365
353
  .r-content-title {
366
- margin: 0;
354
+ margin: 0;
367
355
  }
368
356
 
369
357
  .r-content-recur-start-hours {
370
- display: flex;
358
+ display: flex;
371
359
  }
372
360
 
373
361
  .news-info-title {
374
- font-weight: 700;
375
- margin-bottom: 1rem;
376
- display: block;
377
- color: #008FD2;
362
+ font-weight: 700;
363
+ margin-bottom: 1rem;
364
+ display: block;
365
+ color: #008fd2;
378
366
  }
379
367
 
380
368
  .r-content-news-info {
381
- display: flex;
382
- justify-content: space-between;
383
- margin-bottom: 2rem;
384
- flex-wrap: wrap;
369
+ display: flex;
370
+ justify-content: space-between;
371
+ margin-bottom: 2rem;
372
+ flex-wrap: wrap;
385
373
  }
386
374
 
387
375
  .r-content-news-info-container {
388
- @media screen and (min-width:600px) {
389
- column-count: 2;
390
- }
376
+ @media screen and (min-width: 600px) {
377
+ column-count: 2;
378
+ }
391
379
 
392
- // flex-flow: column wrap;
393
- &>div {
394
- margin: 0.6rem 0;
395
- padding-right: 3rem;
396
- break-inside: avoid;
380
+ // flex-flow: column wrap;
381
+ & > div {
382
+ margin: 0.6rem 0;
383
+ padding-right: 3rem;
384
+ break-inside: avoid;
397
385
 
398
- svg {
399
- width: 16px;
386
+ svg {
387
+ width: 16px;
388
+ }
400
389
  }
401
- }
402
390
 
403
- .r-content-news-info--date {
404
- display: flex;
391
+ .r-content-news-info--date {
392
+ display: flex;
405
393
 
406
- .r-content-date-start,
407
- .r-content-date-end,
408
- .r-content-date-start-hours {
409
- display: flex;
410
- flex-wrap: wrap;
394
+ .r-content-date-start,
395
+ .r-content-date-end,
396
+ .r-content-date-start-hours {
397
+ display: flex;
398
+ flex-wrap: wrap;
399
+ }
411
400
  }
412
- }
413
401
 
414
- .r-content-news-info-social {
415
- svg {
416
- width: 30px;
417
- height: 30px;
418
- }
402
+ .r-content-news-info-social {
403
+ svg {
404
+ width: 30px;
405
+ height: 30px;
406
+ }
419
407
 
420
- ul {
421
- display: flex;
422
- align-items: center;
423
- margin: 0;
408
+ ul {
409
+ display: flex;
410
+ align-items: center;
411
+ margin: 0;
424
412
 
425
- li {
426
- list-style: none;
413
+ li {
414
+ list-style: none;
427
415
 
428
- a {
429
- &:hover {
430
- opacity: .7;
431
- }
416
+ a {
417
+ &:hover {
418
+ opacity: 0.7;
419
+ }
420
+ }
421
+ }
432
422
  }
433
- }
434
423
  }
435
- }
436
424
  }
437
425
 
438
426
  .r-content-news-info-action {
439
- @media screen and (max-width:1000px) {
440
- margin-top: 1.1rem;
441
- }
427
+ @media screen and (max-width: 1000px) {
428
+ margin-top: 1.1rem;
429
+ }
442
430
 
443
- a {
444
- text-decoration: none;
445
- }
431
+ a {
432
+ text-decoration: none;
433
+ }
446
434
 
447
- &>div {
448
- margin: .6rem 0;
449
- }
435
+ & > div {
436
+ margin: 0.6rem 0;
437
+ }
450
438
 
451
- .r-content-booking {
452
- margin-top: 0;
439
+ .r-content-booking {
440
+ margin-top: 0;
453
441
 
454
- a {
455
- background: #000;
456
- color: #fff;
457
- padding: 0.4rem 1rem;
458
- text-decoration: none;
459
- display: block;
460
- border-radius: 10px;
461
- border-bottom-left-radius: 0px;
462
- font-weight: 500;
463
- display: flex;
464
- align-items: center;
465
- gap: 10px;
466
- cursor: pointer;
467
-
468
- svg {
469
- width: 22px;
470
- fill: white;
471
- }
472
-
473
- &:hover {
474
- color: #fff;
475
- background: rgb(63, 63, 63);
442
+ a {
443
+ background: #000;
444
+ color: #fff;
445
+ padding: 0.4rem 1rem;
446
+ text-decoration: none;
447
+ display: block;
448
+ border-radius: 10px;
449
+ border-bottom-left-radius: 0px;
450
+ font-weight: 500;
451
+ display: flex;
452
+ align-items: center;
453
+ gap: 10px;
454
+ cursor: pointer;
455
+
456
+ svg {
457
+ width: 22px;
458
+ fill: white;
459
+ }
476
460
 
477
- }
461
+ &:hover {
462
+ color: #fff;
463
+ background: rgb(63, 63, 63);
464
+ }
465
+ }
478
466
  }
479
- }
480
467
  }
481
468
 
482
469
  .r-content-topics {
483
- display: flex;
484
- gap: 15px;
470
+ display: flex;
471
+ gap: 15px;
485
472
 
486
- span {
487
- padding: 5px;
488
- background: #f1f1f1;
489
- border-radius: 5px;
490
- margin-right: 5px;
491
- }
473
+ span {
474
+ padding: 5px;
475
+ background: #f1f1f1;
476
+ border-radius: 5px;
477
+ margin-right: 5px;
478
+ }
492
479
  }
493
480
 
494
481
  .r-content-title-cat {
495
- color: #8e8e8e;
496
- margin-right: 5px;
497
- font-size: 14px;
482
+ color: #8e8e8e;
483
+ margin-right: 5px;
484
+ font-size: 14px;
498
485
  }
499
486
 
500
487
  // // No Map
501
488
  // // Main
502
489
  .no-map {
503
- @media screen and (min-width: 600px) {
504
- .r-annuaire-wrapper {
505
- display: block;
506
- }
507
-
508
- .r-result-list {
509
- max-width: 1296px;
510
- display: grid;
511
- grid-template-columns: 1fr 1fr 1fr;
512
- gap: 20px;
513
- }
514
-
515
- .r-list-item-group {
516
- transition: all .2s ease;
517
-
518
- &:hover,
519
- &:focus {
520
- transform: translateY(-10px) !important;
521
- }
522
-
523
- .r-list-item {
524
- flex-direction: column !important;
525
- box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
526
-
527
- .r-item-img {
528
- border-radius: 0 !important;
529
- width: 100% !important;
530
- height: 0 !important;
531
- padding-bottom: 60% !important;
532
- margin-bottom: .5rem;
490
+ @media screen and (min-width: 600px) {
491
+ .r-annuaire-wrapper {
492
+ display: block;
533
493
  }
534
494
 
535
- .r-item-text {
536
- display: grid;
537
- grid-template-columns: 1fr 1fr;
538
- margin-right: 1.5rem;
539
-
540
- &:after {
541
- display: none;
542
- }
543
-
544
- .r-item-categorie {
545
- grid-row-start: 1;
495
+ .r-result-list {
496
+ max-width: 1296px;
497
+ display: grid;
498
+ grid-template-columns: 1fr 1fr 1fr;
499
+ gap: 20px;
500
+ }
546
501
 
547
- }
502
+ .r-list-item-group {
503
+ transition: all 0.2s ease;
548
504
 
549
- .r-item-title {
550
- font-weight: 500 !important;
551
- grid-row-start: 2;
552
- grid-column-start: 1;
553
- grid-column-end: 3;
554
- margin-bottom: 2rem;
555
- margin-top: 1rem;
505
+ &:hover,
506
+ &:focus {
507
+ transform: translateY(-10px) !important;
508
+ }
556
509
 
510
+ .r-list-item {
511
+ flex-direction: column !important;
512
+ box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
557
513
 
558
- }
514
+ .r-item-img {
515
+ border-radius: 0 !important;
516
+ width: 100% !important;
517
+ height: 0 !important;
518
+ padding-bottom: 60% !important;
519
+ margin-bottom: 0.5rem;
520
+ }
559
521
 
560
- .r-item-date {
561
- grid-row-start: 1;
562
- grid-column-start: 2;
563
- justify-self: end;
564
- }
522
+ .r-item-text {
523
+ display: grid;
524
+ grid-template-columns: 1fr 1fr;
525
+ margin-right: 1.5rem;
526
+
527
+ &:after {
528
+ display: none;
529
+ }
530
+
531
+ .r-item-categorie {
532
+ grid-row-start: 1;
533
+ }
534
+
535
+ .r-item-title {
536
+ font-weight: 500 !important;
537
+ grid-row-start: 2;
538
+ grid-column-start: 1;
539
+ grid-column-end: 3;
540
+ margin-bottom: 2rem;
541
+ margin-top: 1rem;
542
+ }
543
+
544
+ .r-item-date {
545
+ grid-row-start: 1;
546
+ grid-column-start: 2;
547
+ justify-self: end;
548
+ }
549
+ }
550
+ }
565
551
  }
566
- }
567
552
  }
568
- }
569
553
  }
570
554
 
571
555
  // content
572
556
 
573
557
  .no-map {
574
- .r-result.r-annuaire-result {
575
- max-width: 1296px;
576
- }
577
-
578
- .envent-content {
579
- max-width: 700px;
580
- margin: 0 auto;
581
- }
582
- }
558
+ .r-result.r-annuaire-result {
559
+ max-width: 1296px;
560
+ }
561
+
562
+ .envent-content {
563
+ max-width: 700px;
564
+ margin: 0 auto;
565
+ }
566
+ }