@imiobe/plonetheme-smartweb-base 0.0.6 → 0.1.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 (95) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/dist/css/theme.css +5 -0
  3. package/dist/fonts/roboto-bold..eot +0 -0
  4. package/dist/fonts/roboto-bold..ttf +0 -0
  5. package/dist/fonts/roboto-bold..woff +0 -0
  6. package/dist/fonts/roboto-bold..woff2 +0 -0
  7. package/dist/fonts/roboto-bolditalic..eot +0 -0
  8. package/dist/fonts/roboto-bolditalic..ttf +0 -0
  9. package/dist/fonts/roboto-bolditalic..woff +0 -0
  10. package/dist/fonts/roboto-bolditalic..woff2 +0 -0
  11. package/dist/fonts/roboto-italic..eot +0 -0
  12. package/dist/fonts/roboto-italic..ttf +0 -0
  13. package/dist/fonts/roboto-italic..woff +0 -0
  14. package/dist/fonts/roboto-italic..woff2 +0 -0
  15. package/dist/fonts/roboto-light..eot +0 -0
  16. package/dist/fonts/roboto-light..ttf +0 -0
  17. package/dist/fonts/roboto-light..woff +0 -0
  18. package/dist/fonts/roboto-light..woff2 +0 -0
  19. package/dist/fonts/roboto-lightitalic..eot +0 -0
  20. package/dist/fonts/roboto-lightitalic..ttf +0 -0
  21. package/dist/fonts/roboto-lightitalic..woff +0 -0
  22. package/dist/fonts/roboto-lightitalic..woff2 +0 -0
  23. package/dist/fonts/roboto-medium..eot +0 -0
  24. package/dist/fonts/roboto-medium..ttf +0 -0
  25. package/dist/fonts/roboto-medium..woff +0 -0
  26. package/dist/fonts/roboto-medium..woff2 +0 -0
  27. package/dist/fonts/roboto-mediumitalic..eot +0 -0
  28. package/dist/fonts/roboto-mediumitalic..ttf +0 -0
  29. package/dist/fonts/roboto-mediumitalic..woff +0 -0
  30. package/dist/fonts/roboto-mediumitalic..woff2 +0 -0
  31. package/dist/fonts/roboto-regular..eot +0 -0
  32. package/dist/fonts/roboto-regular..ttf +0 -0
  33. package/dist/fonts/roboto-regular..woff +0 -0
  34. package/dist/fonts/roboto-regular..woff2 +0 -0
  35. package/dist/fonts/robotocondensed-light..eot +0 -0
  36. package/dist/fonts/robotocondensed-light..ttf +0 -0
  37. package/dist/fonts/robotocondensed-light..woff +0 -0
  38. package/dist/fonts/robotocondensed-light..woff2 +0 -0
  39. package/dist/fonts/robotocondensed-lightitalic..eot +0 -0
  40. package/dist/fonts/robotocondensed-lightitalic..ttf +0 -0
  41. package/dist/fonts/robotocondensed-lightitalic..woff +0 -0
  42. package/dist/fonts/robotocondensed-lightitalic..woff2 +0 -0
  43. package/dist/images/roboto-bolde46805ee..svg +1 -0
  44. package/dist/images/roboto-bolditalic4be90c03..svg +1 -0
  45. package/dist/images/roboto-italic2332d1c3..svg +1 -0
  46. package/dist/images/roboto-light054c1c8a..svg +1 -0
  47. package/dist/images/roboto-lightitalic2df589e4..svg +1 -0
  48. package/dist/images/roboto-medium832a5157..svg +1 -0
  49. package/dist/images/roboto-mediumitalicf09fad24..svg +1 -0
  50. package/dist/images/roboto-regulare788ed65..svg +1 -0
  51. package/dist/images/robotocondensed-light04ff367e..svg +1 -0
  52. package/dist/images/robotocondensed-lightitalic97b23821..svg +1 -0
  53. package/dist/js/theme.js +1 -0
  54. package/package.json +20 -2
  55. package/src/index.js +60 -14
  56. package/src/scss/_breadcrum.scss +1 -0
  57. package/src/scss/_fonts.scss +6 -5
  58. package/src/scss/_general.scss +73 -65
  59. package/src/scss/_header.scss +33 -13
  60. package/src/scss/_mixin.scss +43 -35
  61. package/src/scss/_sitenav.scss +326 -259
  62. package/src/scss/_sub-sitenav.scss +113 -65
  63. package/src/scss/_swiper.scss +17 -10
  64. package/src/scss/_trucaverif.scss +630 -555
  65. package/src/scss/common/_com-cookies.scss +86 -75
  66. package/src/scss/common/_com-edition.scss +36 -24
  67. package/src/scss/common/_com-faceted.scss +153 -132
  68. package/src/scss/common/_com-footer.scss +9 -5
  69. package/src/scss/common/_com-list-image.scss +17 -15
  70. package/src/scss/common/_com-react.scss +62 -57
  71. package/src/scss/common/_messviewlet.scss +77 -60
  72. package/src/scss/homepage/_a-la-une.scss +30 -19
  73. package/src/scss/homepage/_actualites.scss +137 -111
  74. package/src/scss/homepage/_album.scss +87 -75
  75. package/src/scss/homepage/_banner.scss +38 -41
  76. package/src/scss/homepage/_events.scss +42 -20
  77. package/src/scss/homepage/_general-home.scss +47 -43
  78. package/src/scss/homepage/_newsletter.scss +30 -24
  79. package/src/scss/homepage/_quick-access.scss +14 -4
  80. package/src/scss/list/_list-block-img.scss +53 -49
  81. package/src/scss/list/_list-block.scss +70 -64
  82. package/src/scss/list/_list-img.scss +21 -14
  83. package/src/scss/list/_list.scss +55 -53
  84. package/src/scss/main.scss +17 -9
  85. package/src/scss/sections/_se-contact.scss +229 -158
  86. package/src/scss/sections/_se-file.scss +188 -158
  87. package/src/scss/sections/_se-gallery.scss +16 -14
  88. package/src/scss/sections/_se-link.scss +141 -135
  89. package/src/scss/sections/_se-linked-content.scss +4 -4
  90. package/src/scss/sections/_se-plan-geo.scss +92 -74
  91. package/src/scss/sections/_se-plan.scss +2 -2
  92. package/src/scss/sections/_se-postit.scss +19 -17
  93. package/src/scss/sections/_se-textes.scss +35 -41
  94. package/src/scss/variables.scss +159 -138
  95. package/theme.zip +0 -0
package/src/scss/sections/_se-contact.scss CHANGED
@@ -1,167 +1,238 @@
1
- #portal-column-content{
2
- .sectioncontact{
3
- position: relative;
4
- margin-bottom: 1.5rem;
5
- & + .sectioncontact
6
- .section-container{
7
- height: 100%;
8
- .body-section{
9
- height: 100%;
10
- }
1
+ #portal-column-content {
2
+ .sectioncontact {
3
+ position: relative;
4
+ margin-bottom: 1.5rem;
5
+
6
+ & + .sectioncontact .section-container {
7
+ height: 100%;
8
+
9
+ .body-section {
10
+ height: 100%;
11
+ }
12
+ }
13
+ }
14
+
15
+ .section-contact {
16
+ padding: 0;
17
+
18
+ ul {
19
+ li {
20
+ list-style: none;
21
+ }
22
+ }
23
+
24
+ .contact-type-organization {
25
+ display: flex;
26
+ flex-flow: column wrap;
27
+ padding: 1.5rem;
28
+ align-content: flex-start;
29
+ background: $section-contact-background;
30
+ word-wrap: anywhere;
31
+
32
+ @include media-breakpoint-up(md) {
33
+ flex-direction: row;
34
+ gap: 0 30px;
35
+
36
+ .contact_titles {
37
+ flex: 1 0 100%;
38
+ }
39
+ }
40
+
41
+ .contact_informations,
42
+ .address,
43
+ .schedule {
44
+ h2,
45
+ h3 {
46
+ color: $primary;
47
+ font-size: 1.25rem;
48
+ font-weight: 500;
49
+ }
50
+ }
51
+
52
+ .address {
53
+ .contact_address span {
54
+ display: block;
11
55
  }
56
+ }
57
+
58
+ .contact_map {
59
+ width: 100%;
60
+ }
61
+
62
+ .schedule {
63
+ .table_schedule {
64
+ &--active {
65
+ display: block;
66
+ }
67
+
68
+ td {
69
+ vertical-align: top;
70
+ }
71
+ }
72
+ }
73
+
74
+ .contact_logo,
75
+ .contact_leadimage {
76
+ width: 100%;
77
+ margin-bottom: 1em;
78
+ }
79
+
80
+ .contact_leadimage {
81
+ aspect-ratio: 16/9;
82
+ }
83
+
84
+ .portrait {
85
+ aspect-ratio: $section-contact-portrait-ration;
86
+ }
12
87
  }
13
- .section-contact{
14
- padding: 0;
15
- ul{
16
- li{
17
- list-style: none;
18
- }
88
+
89
+ .contact-type-mission {
90
+ padding: 1.5rem;
91
+
92
+ &::after {
93
+ content: "";
94
+ position: absolute;
95
+ inset: 1rem;
96
+ z-index: -1;
97
+ border: solid 1px #f3f3f3;
98
+ }
99
+
100
+ .contact_titles {
101
+ flex: 1 0 100%;
102
+ }
103
+
104
+ .contact_informations,
105
+ .address,
106
+ .schedule {
107
+ h2,
108
+ h3 {
109
+ color: $primary;
110
+ font-size: 1.25rem;
111
+ font-weight: 500;
19
112
  }
20
- .contact-type-organization{
21
- display: flex;
22
- flex-wrap: wrap;
23
- padding: 1.5rem;
24
- flex-direction: column;
25
- align-content: flex-start;
26
- background: $section-contact-background;
27
- word-wrap: anywhere;
28
- @include media-breakpoint-up(md){
29
- flex-direction: row;
30
- gap: 0 30px;
31
- }
32
- .contact_titles{
33
- flex: 1 0 100%;
34
- }
35
- .contact_informations,.address,.schedule{
36
- h2,h3{
37
- color: $primary;
38
- font-size: 1.25rem;
39
- font-weight: 500;
40
- }
41
- }
42
- .address{
43
- .contact_address span {
44
- display: block;
45
- }
46
- }
47
- .schedule{
48
- .table_schedule {
49
- &--active {
50
- display: block;
51
- }
52
- td{
53
- vertical-align: top;
54
- }
55
- }
56
- }
57
- .contact_logo,.contact_leadimage {
58
- width: 100%;
59
- margin-bottom: 1em;
60
- }
61
- .contact_leadimage {
62
- aspect-ratio: 16/9;
63
- }
64
- .portrait{
65
- aspect-ratio: $section-contact-portrait-ration;
66
- }
113
+ }
114
+
115
+ .address {
116
+ .contact_address span {
117
+ display: block;
67
118
  }
68
- .contact-type-mission{
69
- padding: 1.5rem;
70
- &:after {
71
- content: "";
72
- position: absolute;
73
- left: 1rem;
74
- right: 1rem;
75
- top: 1rem;
76
- bottom: 1rem;
77
- z-index: -1;
78
- border: solid 1px #f3f3f3;
79
- }
80
- .contact_titles{
81
- flex: 1 0 100%;
82
- }
83
- .contact_informations,.address,.schedule{
84
- h2,h3{
85
- color: $primary;
86
- font-size: 1.25rem;
87
- font-weight: 500;
88
- }
89
- }
90
- .address{
91
- .contact_address span {
92
- display: block;
93
- }
94
- }
95
- .schedule{
96
- .table_schedule {
97
- &--active {
98
- display: block;
99
- }
100
- td{
101
- vertical-align: top;
102
- }
103
- }
104
- }
105
- .contact_logo,.contact_leadimage {
106
- width: 100%;
107
- margin-bottom: 1em;
108
- }
109
- .contact_leadimage {
110
- aspect-ratio: 16/9;
111
- }
112
- .portrait{
113
- aspect-ratio: $section-contact-portrait-ration;
114
- }
119
+ }
120
+
121
+ .schedule {
122
+ .table_schedule {
123
+ &--active {
124
+ display: block;
125
+ }
126
+
127
+ td {
128
+ vertical-align: top;
129
+ }
115
130
  }
116
- .contact-type-position{
117
- padding: 1.5rem;
118
- .contact_titles{
119
- flex: 1 0 100%;
120
- }
121
- .contact_informations,.address,.schedule{
122
- h2,h3{
123
- color: $primary;
124
- font-size: 1.25rem;
125
- font-weight: 500;
126
- }
127
- }
128
- .address{
129
- .contact_address span {
130
- display: block;
131
- }
132
- }
133
- .contact_logo,.contact_leadimage {
134
- width: 100%;
135
- margin-bottom: 1em;
136
- }
137
- .contact_leadimage {
138
- aspect-ratio: 16/9;
139
- background-position: top;
140
- }
141
- .portrait{
142
- aspect-ratio: $section-contact-portrait-ration;
143
- }
144
- .schedule{
145
- .table_schedule {
146
- &--active {
147
- display: block;
148
- }
149
- td{
150
- vertical-align: top;
151
- }
152
- }
153
- }
131
+ }
132
+
133
+ .contact_logo,
134
+ .contact_leadimage {
135
+ width: 100%;
136
+ margin-bottom: 1em;
137
+ }
138
+
139
+ .contact_leadimage {
140
+ aspect-ratio: 16/9;
141
+ }
142
+
143
+ .portrait {
144
+ aspect-ratio: $section-contact-portrait-ration;
145
+ }
146
+ }
147
+
148
+ .contact-type-position {
149
+ padding: 1.5rem;
150
+
151
+ .contact_titles {
152
+ flex: 1 0 100%;
153
+ }
154
+
155
+ .contact_informations,
156
+ .address,
157
+ .schedule {
158
+ h2,
159
+ h3 {
160
+ color: $primary;
161
+ font-size: 1.25rem;
162
+ font-weight: 500;
154
163
  }
155
- }
156
- }
157
- .img-portrait{
158
- .contact_leadimage {
159
- padding-top: 110%;
160
- background-position: top center;
164
+ }
165
+
166
+ .address {
167
+ .contact_address span {
168
+ display: block;
169
+ }
170
+ }
171
+
172
+ .contact_logo,
173
+ .contact_leadimage {
174
+ width: 100%;
175
+ margin-bottom: 1em;
176
+ }
177
+
178
+ .contact_leadimage {
179
+ aspect-ratio: 16/9;
180
+ background-position: top;
181
+ }
182
+
183
+ .portrait {
184
+ aspect-ratio: $section-contact-portrait-ration;
185
+ }
186
+
187
+ .schedule {
188
+ .table_schedule {
189
+ &--active {
190
+ display: block;
191
+ }
192
+
193
+ td {
194
+ vertical-align: top;
195
+ }
196
+ }
197
+ }
161
198
  }
199
+ }
200
+ }
201
+
202
+ .img-portrait {
203
+ .contact_leadimage {
204
+ padding-top: 110%;
205
+ background-position: top center;
206
+ }
207
+ }
208
+
209
+ .contact_informations {
210
+ a {
211
+ display: block;
212
+ }
162
213
  }
163
- .contact_informations{
164
- a{
165
- display: block;
214
+
215
+ .userrole-authenticated {
216
+ #portal-column-content {
217
+ .sectioncontact {
218
+ & + .sectioncontact .section-container {
219
+ height: auto;
220
+
221
+ .body-section {
222
+ height: auto;
223
+ }
224
+ }
166
225
  }
167
- }
226
+ }
227
+ }
228
+
229
+ @media screen and (max-width: 1000px) {
230
+ #portal-column-content .sectioncontact + .sectioncontact .section-container,
231
+ #portal-column-content
232
+ .sectioncontact
233
+ + .sectioncontact
234
+ .section-container
235
+ .body-section {
236
+ height: auto !important;
237
+ }
238
+ }