@imiobe/plonetheme-smartweb-base 0.0.4 → 0.0.5

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 (83) hide show
  1. package/manifest.cfg +5 -2
  2. package/package.json +1 -1
  3. package/rules.xml +4 -1
  4. package/src/index.js +5 -0
  5. package/src/scss/_general.scss +104 -0
  6. package/src/scss/_header.scss +1 -3
  7. package/src/scss/_sitenav.scss +50 -4
  8. package/src/scss/_sub-sitenav.scss +3 -3
  9. package/src/scss/_swiper.scss +15 -0
  10. package/src/scss/_trucaverif.scss +2 -25
  11. package/src/scss/common/_com-edition.scss +5 -1
  12. package/src/scss/common/_com-faceted.scss +4 -4
  13. package/src/scss/common/_com-footer.scss +5 -0
  14. package/src/scss/common/_com-react.scss +69 -0
  15. package/src/scss/homepage/_a-la-une.scss +3 -0
  16. package/src/scss/homepage/_actualites.scss +24 -14
  17. package/src/scss/homepage/_banner.scss +1 -2
  18. package/src/scss/homepage/_events.scss +37 -4
  19. package/src/scss/homepage/_general-home.scss +1 -0
  20. package/src/scss/homepage/_quick-access.scss +2 -0
  21. package/src/scss/list/_list-block-img.scss +17 -17
  22. package/src/scss/main.scss +2 -7
  23. package/src/scss/sections/_se-contact.scss +11 -262
  24. package/src/scss/sections/_se-file.scss +20 -3
  25. package/src/scss/sections/_se-gallery.scss +15 -0
  26. package/src/scss/sections/_se-link.scss +0 -5
  27. package/src/scss/sections/_se-textes.scss +2 -0
  28. package/src/scss/variables.scss +39 -32
  29. package/theme.zip +0 -0
  30. package/theme4.2.zip +0 -0
  31. package/dist/css/theme.css +0 -7
  32. package/dist/fonts/roboto-bold..eot +0 -0
  33. package/dist/fonts/roboto-bold..ttf +0 -0
  34. package/dist/fonts/roboto-bold..woff +0 -0
  35. package/dist/fonts/roboto-bold..woff2 +0 -0
  36. package/dist/fonts/roboto-bolditalic..eot +0 -0
  37. package/dist/fonts/roboto-bolditalic..ttf +0 -0
  38. package/dist/fonts/roboto-bolditalic..woff +0 -0
  39. package/dist/fonts/roboto-bolditalic..woff2 +0 -0
  40. package/dist/fonts/roboto-italic..eot +0 -0
  41. package/dist/fonts/roboto-italic..ttf +0 -0
  42. package/dist/fonts/roboto-italic..woff +0 -0
  43. package/dist/fonts/roboto-italic..woff2 +0 -0
  44. package/dist/fonts/roboto-light..eot +0 -0
  45. package/dist/fonts/roboto-light..ttf +0 -0
  46. package/dist/fonts/roboto-light..woff +0 -0
  47. package/dist/fonts/roboto-light..woff2 +0 -0
  48. package/dist/fonts/roboto-lightitalic..eot +0 -0
  49. package/dist/fonts/roboto-lightitalic..ttf +0 -0
  50. package/dist/fonts/roboto-lightitalic..woff +0 -0
  51. package/dist/fonts/roboto-lightitalic..woff2 +0 -0
  52. package/dist/fonts/roboto-medium..eot +0 -0
  53. package/dist/fonts/roboto-medium..ttf +0 -0
  54. package/dist/fonts/roboto-medium..woff +0 -0
  55. package/dist/fonts/roboto-medium..woff2 +0 -0
  56. package/dist/fonts/roboto-mediumitalic..eot +0 -0
  57. package/dist/fonts/roboto-mediumitalic..ttf +0 -0
  58. package/dist/fonts/roboto-mediumitalic..woff +0 -0
  59. package/dist/fonts/roboto-mediumitalic..woff2 +0 -0
  60. package/dist/fonts/roboto-regular..eot +0 -0
  61. package/dist/fonts/roboto-regular..ttf +0 -0
  62. package/dist/fonts/roboto-regular..woff +0 -0
  63. package/dist/fonts/roboto-regular..woff2 +0 -0
  64. package/dist/fonts/robotocondensed-light..eot +0 -0
  65. package/dist/fonts/robotocondensed-light..ttf +0 -0
  66. package/dist/fonts/robotocondensed-light..woff +0 -0
  67. package/dist/fonts/robotocondensed-light..woff2 +0 -0
  68. package/dist/fonts/robotocondensed-lightitalic..eot +0 -0
  69. package/dist/fonts/robotocondensed-lightitalic..ttf +0 -0
  70. package/dist/fonts/robotocondensed-lightitalic..woff +0 -0
  71. package/dist/fonts/robotocondensed-lightitalic..woff2 +0 -0
  72. package/dist/images/close29148b38..svg +0 -1
  73. package/dist/images/roboto-bolde46805ee..svg +0 -1
  74. package/dist/images/roboto-bolditalic4be90c03..svg +0 -1
  75. package/dist/images/roboto-italic2332d1c3..svg +0 -1
  76. package/dist/images/roboto-light054c1c8a..svg +0 -1
  77. package/dist/images/roboto-lightitalic2df589e4..svg +0 -1
  78. package/dist/images/roboto-medium832a5157..svg +0 -1
  79. package/dist/images/roboto-mediumitalicf09fad24..svg +0 -1
  80. package/dist/images/roboto-regulare788ed65..svg +0 -1
  81. package/dist/images/robotocondensed-light04ff367e..svg +0 -1
  82. package/dist/images/robotocondensed-lightitalic97b23821..svg +0 -1
  83. package/dist/js/theme.js +0 -1
package/manifest.cfg CHANGED
@@ -9,8 +9,11 @@ doctype = <!DOCTYPE html>
9
9
  enabled-bundles =
10
10
  disabled-bundles =
11
11
 
12
- production-js = ++theme++base/dist/js/theme.js
13
- production-css = ++theme++base/dist/css/theme.css
12
+ development-js = /++theme++base/dist/js/theme.js
13
+ development-css = /++theme++base/dist/css/theme.css
14
+
15
+ production-js = /++theme++base/dist/js/theme.js
16
+ production-css = /++theme++base/dist/css/theme.css
14
17
  tinymce-content-css = /++theme++base/dist/css/theme.css
15
18
 
16
19
 
package/package.json CHANGED
@@ -23,7 +23,7 @@
23
23
  "plone",
24
24
  "smartweb"
25
25
  ],
26
- "version": "0.0.4",
26
+ "version": "0.0.5",
27
27
  "license": "GPL version 2",
28
28
  "scripts": {
29
29
  "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
package/rules.xml CHANGED
@@ -55,7 +55,10 @@
55
55
  <after css:theme-children="#portal-column-two" css:content-children="#portal-column-two"></after>
56
56
  <drop css:theme="#portal-column-two" css:if-not-content="#portal-column-two" />
57
57
 
58
-
58
+ <before
59
+ css:theme-children="#portal-footer"
60
+ css:content=".smartweb_footer"
61
+ />
59
62
  <!-- Footer -->
60
63
  <xsl:variable name="footer_portlets" select="//footer[@id='portal-footer-wrapper']//div[@class='portletWrapper']/*[not(contains(@id,'portal-colophon')) and not(contains(@id,'portal-footer-signature')) and not(contains(@class,'portletActions'))]"></xsl:variable>
61
64
  <xsl:variable name="footer_portlets_count" select="count($footer_portlets)"></xsl:variable>
package/src/index.js CHANGED
@@ -9,4 +9,9 @@ $( document ).ready(function() {
9
9
  document.body.classList.remove('open-nav-overflow');
10
10
  document.documentElement.classList.remove('open-nav-overflow');
11
11
  })
12
+
13
+ // For custom slider
14
+ // var newsSwiper = $('.sectionnews .swiper')[0].swiper
15
+ // newsSwiper.params.spaceBetween=30;
16
+ // newsSwiper.update();
12
17
  });
@@ -11,4 +11,108 @@ ul {
11
11
  img {
12
12
  max-width: 100%;
13
13
  }
14
+ }
15
+
16
+ // affichage horraire
17
+ .section-contact .table_schedule {
18
+ display: none;
19
+ }
20
+ .schedule .opening_informations:after{
21
+ content: "";
22
+ width: 9px;
23
+ height: 6px;
24
+ display: block;
25
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
26
+ background-size: contain;
27
+ background-position: center;
28
+ background-repeat: no-repeat;
29
+ margin-left: .4rem;
30
+ display: inline-block;
31
+ vertical-align: middle;
32
+ }
33
+
34
+ //Cacher le bouton téléverser et l’afficher là ou il est utile
35
+ #content .navbar a#btn-upload {
36
+ visibility: hidden;
37
+ }
38
+
39
+ .portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
40
+ .portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
41
+ .portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload{
42
+ visibility: visible;
43
+ }
44
+
45
+ // Aligner le logo et le titre sur les sous-sites
46
+ .subsite-container #subsite-logo a {
47
+ display: flex;
48
+ align-items: center;
49
+ }
50
+
51
+ .select2-results .select2-highlighted {
52
+ background: #f9f9f9;
53
+ }
54
+
55
+ // delete description for react view ( check to later )
56
+ .portaltype-imio-smartweb-directoryview,.portaltype-imio-smartweb-newsview,.section-agenda{
57
+ article{
58
+ header{
59
+ display: none;
60
+ }
61
+ }
62
+ }
63
+
64
+ // img placeholder
65
+
66
+ .r-item-img-placeholder{
67
+ background: $img-placeholder;
68
+ background-size: cover;
69
+ background-position: center;
70
+ }
71
+
72
+ .block-menu-element .newsImage.no-image {
73
+ background: $img-placeholder;
74
+ background-size: cover;
75
+ background-position: center;
76
+ }
77
+
78
+ // Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
79
+
80
+ .section-contact .contact_informations a {
81
+ display: block;
82
+ }
83
+ .userrole-authenticated.template-edit #content-core .edit .form-label {
84
+ font-weight: 600;
85
+ }
86
+ .linkTypes a#tinymce-autotoc-autotoc-1 {
87
+ display: none;
88
+ }
89
+
90
+ // backoffie icon
91
+ .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
92
+ display: flex;
93
+ flex-wrap: wrap;
94
+ gap: 1%;
95
+ }
96
+ .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text{
97
+ width:100%;
98
+ }
99
+
100
+ .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
101
+ position: relative;
102
+ flex-basis: 15%;
103
+ padding: 0.75rem;
104
+ text-align: center;
105
+ }
106
+ .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
107
+ width: auto;
108
+ height: 2.5rem;
109
+ }
110
+ .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
111
+ display: flex;
112
+ flex-direction: column;
113
+ align-items: center;
114
+ font-size:14px;
115
+ }
116
+ .mb-ign-mode-liste-carte{
117
+ z-index:0;
14
118
  }
@@ -5,7 +5,6 @@
5
5
  display: none;
6
6
  }
7
7
  #portal-header {
8
- z-index: 2;
9
8
  display: block;
10
9
  margin-top: 0;
11
10
  #portal-header-top {
@@ -104,8 +103,7 @@
104
103
  }
105
104
 
106
105
  header#content-header {
107
- position: relative;
108
- z-index: 9;
106
+
109
107
  }
110
108
 
111
109
  @include media-breakpoint-down(lg) {
@@ -1,6 +1,9 @@
1
1
  #portal-globalnav-wrapper {
2
2
  position: initial !important;
3
3
  padding: 0 !important;
4
+ li{
5
+ list-style: none!important;
6
+ }
4
7
  @include media-breakpoint-up(lg) {
5
8
  flex: 1;
6
9
  }
@@ -92,19 +95,31 @@
92
95
 
93
96
  &>li {
94
97
  &>a {
95
- display: flex;
96
- align-items: center;
97
98
  padding: 0;
98
99
  color: $nav-link-color;
99
100
  @if $nav-first-level-uppercase {
100
101
  text-transform: uppercase;
101
102
  }
103
+ }
104
+ &.has_subtree > a {
105
+ display: flex;
106
+ align-items: center;
107
+ padding: 0;
108
+ color: $nav-link-color;
102
109
  &:after {
103
110
  content: "";
104
111
  width: 9px;
105
112
  height: 6px;
106
113
  display: block;
107
114
  background-image: $nav-link-drop;
115
+ @include media-breakpoint-down(lg){
116
+ content: $nav-link-drop-mobile;
117
+ display: block;
118
+ height: auto;
119
+ margin-left: 0;
120
+ width: auto;
121
+ background: none;
122
+ }
108
123
  background-size: contain;
109
124
  background-position: center;
110
125
  background-repeat: no-repeat;
@@ -117,7 +132,7 @@
117
132
  height: 2px;
118
133
  position: absolute;
119
134
  left: 0;
120
- background-color: #FCE181;
135
+ background-color: $nav-link-color;
121
136
  bottom: 0;
122
137
  transition: all .3s ease;
123
138
  right: 0;
@@ -220,6 +235,13 @@
220
235
  }
221
236
 
222
237
  .quick-access {
238
+ padding-top: 1.5rem;
239
+ .quick-access-title{
240
+ color: $nav-quick-link-color;
241
+ font-size: $nav-quick-link-size;
242
+ font-weight: $nav-quick-link-weight;
243
+ padding:$nav-quick-link-padding;
244
+ }
223
245
  ul {
224
246
  position: relative !important;
225
247
  width: auto !important;
@@ -494,7 +516,22 @@
494
516
  // }
495
517
 
496
518
  // de core
497
-
519
+ @media screen and (max-width: 992px) {
520
+ #portal-globalnav-wrapper .navbar-nav li.show-nav > .has_subtree.dropdown {
521
+ right: 0;
522
+ left: inherit !important;
523
+ transition: right 0.5s cubic-bezier(0.54, 0.01, 0.68, 0.64) !important;
524
+ }
525
+ #portal-globalnav-wrapper .navbar-nav li .has_subtree.dropdown {
526
+ position: fixed !important;
527
+ z-index: 1;
528
+ right: -100vw;
529
+ left: inherit !important;
530
+ height: 100vh;
531
+ transition: right 0.5s cubic-bezier(0.54, 0.01, 0.68, 0.64), opacity 5s ease,
532
+ 0.5s visibility ease;
533
+ }
534
+ }
498
535
  //sub site
499
536
  #subsite-navigation {
500
537
  &>ul {
@@ -703,6 +740,15 @@
703
740
  }
704
741
 
705
742
 
743
+ .navbar-dark .navbar-toggler-icon {
744
+ background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
745
+ }
746
+ .navbar-toggler:focus {
747
+ border: 0px;
748
+ outline: 0px !important;
749
+ background: transparent;
750
+ box-shadow: none !important;
751
+ }
706
752
 
707
753
  // mobile
708
754
 
@@ -132,7 +132,7 @@ div#subsite-logo img {
132
132
  height: 2px;
133
133
  position: absolute;
134
134
  left: 0;
135
- background-color: #FCE181;
135
+ background-color: $primary;
136
136
  bottom: 0;
137
137
  transition: all .3s ease;
138
138
  right: 0;
@@ -160,7 +160,7 @@ div#subsite-logo img {
160
160
 
161
161
  div.has_subtree {
162
162
  &>span {
163
- color: yellow;
163
+ color: $primary;
164
164
  }
165
165
  &.dropdown {
166
166
  .has_subtree .nav-link {
@@ -381,7 +381,7 @@ div#subsite-logo img {
381
381
  // // height: 2px;
382
382
  // // position: absolute;
383
383
  // // left: 0;
384
- // // background-color: $yellow;
384
+ // // background-color: $$primary;
385
385
  // // bottom: 0;
386
386
  // // transition: all .3s ease;
387
387
  // // right: 0;
@@ -32,3 +32,18 @@
32
32
  display: none;
33
33
  }
34
34
  }
35
+ .nb-items-batch-4{
36
+ .swiper-slide{
37
+ max-width: 25%;
38
+ }
39
+ }
40
+ .nb-items-batch-3{
41
+ .swiper-slide{
42
+ max-width: 33%;
43
+ }
44
+ }
45
+ .nb-items-batch-2{
46
+ .swiper-slide{
47
+ max-width: 50%;
48
+ }
49
+ }
@@ -215,10 +215,6 @@ span.r-map-popup-title {
215
215
  color: #1c1c1c;
216
216
  }
217
217
 
218
- .sectionfiles li:first-child {
219
- margin-top: 1.25rem;
220
- }
221
-
222
218
  div#top-area.faceted-area .widget-fieldset legend {
223
219
  display: none;
224
220
  }
@@ -284,11 +280,6 @@ div#top-area.faceted-area .widget-fieldset legend {
284
280
  }
285
281
  }
286
282
 
287
- .block-menu-element .newsImage.no-image {
288
- display: none;
289
- }
290
-
291
-
292
283
  textarea {
293
284
  width: 100%;
294
285
  }
@@ -535,16 +526,7 @@ body#visual-portal-wrapper.userrole-anonymous.portaltype-imio-smartweb-procedure
535
526
  color: #fff;
536
527
  }
537
528
  /* section fichier */
538
- .portaltype-imio-smartweb-page #content .sectionfiles ul.row,
539
- .portaltype-imio-smartweb-procedure #content .sectionfiles ul.row {
540
- margin-left: 0;
541
- }
542
- .portaltype-imio-smartweb-procedure .sectionfiles:after,
543
- .portaltype-imio-smartweb-page .sectionfiles:after {
544
- width: 100%;
545
- transform: translateX(0vw);
546
- left: 0;
547
- }
529
+
548
530
  .portaltype-imio-smartweb-procedure .sectionfiles .table_display,
549
531
  .portaltype-imio-smartweb-procedure .sectionfiles li.col-md-12,
550
532
  .portaltype-imio-smartweb-page .sectionfiles .table_display,
@@ -566,12 +548,7 @@ body#visual-portal-wrapper.userrole-anonymous.portaltype-imio-smartweb-procedure
566
548
  margin-right: 1rem;
567
549
  font-size: 1.25rem;
568
550
  }
569
- .portaltype-imio-smartweb-procedure .sectionfiles a.table_image .table_title span::before,
570
- .portaltype-imio-smartweb-page .sectionfiles a.table_image .table_title span::before {
571
- content: "\e80e";
572
- font-family: fontello;
573
- margin-right: 0.5rem;
574
- }
551
+
575
552
  .portaltype-imio-smartweb-procedure #content .sectionlinks a.table_image .table_title span::before,
576
553
  .portaltype-imio-smartweb-page #content .sectionlinks a.table_image .table_title span::before {
577
554
  content: "\e806";
@@ -41,4 +41,8 @@ figcaption{
41
41
  margin-bottom: 1rem;
42
42
  display: block;
43
43
  font-size: 1.5rem;
44
- }
44
+ }
45
+
46
+ .userrole-authenticated.popover-upload-active .pat-structure .navbar.ui-offset-parent{
47
+ position: relative;
48
+ }
@@ -123,16 +123,16 @@ legend {}
123
123
  color: #000;
124
124
  opacity: .55;
125
125
  &:before {
126
- content: "";
126
+ content: "x";
127
127
  width: 16px;
128
128
  height: 16px;
129
129
  display: inline-block;
130
- // background: url(../svg/close.svg) no-repeat;
131
130
  background-position: center;
132
131
  position: relative;
133
- top: 1px;
132
+ top: -2px;
134
133
  margin: 0 1px;
135
134
  background-size: contain;
135
+ font-size: small;
136
136
  }
137
137
  }
138
138
  }
@@ -160,7 +160,7 @@ legend {}
160
160
  padding: 0.25em 0;
161
161
  }
162
162
  .to-portal a {
163
- color: #fff;
163
+ color: $to-portal-link-color;
164
164
  text-decoration: none;
165
165
  }
166
166
  .to-portal a:hover {
@@ -0,0 +1,5 @@
1
+ #portal-colophon{
2
+ li{
3
+ list-style: none;
4
+ }
5
+ }
@@ -0,0 +1,69 @@
1
+ .portaltype-imio-smartweb-newsview{
2
+ .r-content-news-info-schedul{
3
+ .icon-baseline{
4
+ display: none;
5
+ }
6
+ .dpinlb{
7
+ display: block;
8
+ .r-content-date{
9
+ & > div{
10
+ display: flex;
11
+ gap: 10px;
12
+ font-size: 15px;
13
+ font-weight: 500;
14
+ .r-card-date-last{
15
+ &:before{
16
+ content: "-";
17
+ margin-right: 10px;
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
23
+ }
24
+ .r-content-text{
25
+ margin-top: 1rem;
26
+ }
27
+ }
28
+
29
+ .r-wrapper .r-result {
30
+ margin-top: 0!important;
31
+ }
32
+
33
+ // delete bla eyes
34
+
35
+ .r-actu-wrapper::after {
36
+ display: none!important;
37
+ }
38
+
39
+ // style back button
40
+
41
+ .r-content > button{
42
+ background: transparent;
43
+ margin: 1rem 0;
44
+ border: 0px;
45
+ display: flex;
46
+ align-items: center;
47
+ &::before{
48
+ content: "";
49
+ width: 9px;
50
+ height: 6px;
51
+ display: block;
52
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" width=\"8.444\" height=\"5.2\"><path d=\"M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z\" fill=\"%23000\"/></svg>");
53
+ background-size: contain;
54
+ background-position: center;
55
+ background-repeat: no-repeat;
56
+ margin-right: 0.4rem;
57
+ transform: rotate(90deg);
58
+ }
59
+ }
60
+
61
+ .r-search a {
62
+ text-decoration: none;
63
+ }
64
+
65
+ .portaltype-imio-smartweb-eventsview, .portaltype-imio-smartweb-directoryview{
66
+ header#content-header {
67
+ z-index: 9;
68
+ }
69
+ }
@@ -13,6 +13,9 @@
13
13
  padding: $a-la-une-title-padding;
14
14
  text-align: $a-la-une-title-align;
15
15
  }
16
+ .swiper{
17
+ z-index: 0;
18
+ }
16
19
  .swiper-slide {
17
20
  a {
18
21
  text-decoration: none;
@@ -5,10 +5,14 @@
5
5
  margin: $actu-section-margin;
6
6
  @if $actu-section-full-width {
7
7
  width: 100vw;
8
- left: 50%;
9
- transform: translateX(-50%);
10
8
  max-width: 100vw;
11
9
  }
10
+ @include media-breakpoint-up(lg) {
11
+ @if $actu-section-full-width {
12
+ left: 50%;
13
+ transform: translateX(-50%);
14
+ }
15
+ }
12
16
  .container {
13
17
  padding-right: 0;
14
18
  padding-left: 0;
@@ -61,6 +65,7 @@
61
65
  margin: $actu-date-margin;
62
66
  color: $actu-date-color;
63
67
  font-size: $actu-date-font-size;
68
+ text-align: $actu-date-align;
64
69
  }
65
70
  .swiper_title {
66
71
  padding: $actu-item-title-padding;
@@ -70,21 +75,26 @@
70
75
  font-size: $actu-item-title-font-size;
71
76
  font-weight: $actu-item-title-font-weight;
72
77
  text-transform: $actu-item-title-text-transform;
78
+ text-align: $actu-item-title-align;
73
79
  }
74
80
  }
81
+ .swiper_description {
82
+ text-align: $actu-description-align;
83
+ font-family: $actu-description-font-family;
84
+ }
75
85
  }
76
- .swiper-button-prev {
77
- background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M14 17.75a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 0-1.06l5-5a.75.75 0 0 1 1.06 1.06L10.06 12l4.47 4.47a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
78
- background-position: center;
79
- background-repeat: no-repeat;
80
- background-size: 50%;
81
- }
82
- .swiper-button-next {
83
- background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M10 17.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06L13.94 12L9.47 7.53a.75.75 0 0 1 1.06-1.06l5 5a.75.75 0 0 1 0 1.06l-5 5a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
84
- background-position: center;
85
- background-repeat: no-repeat;
86
- background-size: 50%;
87
- }
86
+ // .swiper-button-prev {
87
+ // background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M14 17.75a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 0-1.06l5-5a.75.75 0 0 1 1.06 1.06L10.06 12l4.47 4.47a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
88
+ // background-position: center;
89
+ // background-repeat: no-repeat;
90
+ // background-size: 50%;
91
+ // }
92
+ // .swiper-button-next {
93
+ // background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M10 17.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06L13.94 12L9.47 7.53a.75.75 0 0 1 1.06-1.06l5 5a.75.75 0 0 1 0 1.06l-5 5a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
94
+ // background-position: center;
95
+ // background-repeat: no-repeat;
96
+ // background-size: 50%;
97
+ // }
88
98
  }
89
99
  .swiper-pagination-bullet-active {
90
100
  background: $primary !important;
@@ -46,13 +46,12 @@
46
46
  padding: $banner-content-padding;
47
47
  margin: $banner-content-margin;
48
48
  background: $banner-content-background;
49
-
49
+ text-align:$banner-content-text-align;
50
50
  .swiper-banner-title {
51
51
  color: $banner-content-title-color;
52
52
  font-size: $banner-content-title-font-size;
53
53
  text-transform: $banner-content-title-text-transform;
54
54
  }
55
-
56
55
  .swiper-banner-description {
57
56
  p {
58
57
  margin: 0;
@@ -3,12 +3,16 @@
3
3
  padding-top: $event-section-padding-top;
4
4
  padding-bottom: $event-section-padding-bottom;
5
5
  margin: $event-section-margin;
6
- @if $event-section-full-width {
6
+ @if $actu-section-full-width {
7
7
  width: 100vw;
8
- left: 50%;
9
- transform: translateX(-50%);
10
8
  max-width: 100vw;
11
9
  }
10
+ @include media-breakpoint-up(lg) {
11
+ @if $actu-section-full-width {
12
+ left: 50%;
13
+ transform: translateX(-50%);
14
+ }
15
+ }
12
16
  .container {
13
17
  padding-right: 0;
14
18
  padding-left: 0;
@@ -78,7 +82,36 @@
78
82
  .swiper-pagination-bullet-active {
79
83
  background: $primary !important;
80
84
  }
81
-
85
+ .sectionevents .swiper-slide .swiper_date .day_date .day::after,
86
+ .sectionevents .swiper-slide .swiper_date .end_date .day::after,
87
+ .sectionevents .swiper-slide .swiper_date .start_date .day::after {
88
+ content: "/";
89
+ }
90
+ .sectionevents .swiper-slide .swiper_date div {
91
+ display: flex;
92
+ }
93
+ .sectionevents{
94
+ .swiper_date{
95
+ display: flex;
96
+ .day_date{
97
+ .from_on{
98
+ margin-right: .25em;
99
+ }
100
+ }
101
+ .start_date{
102
+ display: flex;
103
+ margin-right: .25em;
104
+ .from_on{
105
+ margin-right: .25em;
106
+ }
107
+ }
108
+ .end_date{
109
+ .to{
110
+ margin-right: .25em;
111
+ }
112
+ }
113
+ }
114
+ }
82
115
  // see all
83
116
  .sectionevents {
84
117
  .see_all {
@@ -13,6 +13,7 @@
13
13
  text-transform: $see-all-text-transform;
14
14
  font-size: $see-all-font-size;
15
15
  transition: $see-all-transition;
16
+ font-family: $see-all-font-family;
16
17
  &:hover,
17
18
  &:focus {
18
19
  background: $see-all-hover-bg;
@@ -1,5 +1,6 @@
1
1
  .sectionlinks.quick-access {
2
2
  position: relative;
3
+ background: transparent;
3
4
  @if $quick-access-section-full-width {
4
5
  width: 100vw;
5
6
  left: 50%;
@@ -56,6 +57,7 @@
56
57
  color: $quick-access-title-color;
57
58
  text-transform: $quick-access-title-text-transform;
58
59
  font-weight: $quick-access-title-weight;
60
+ font-family: $quick-access-title-font-family;
59
61
  }
60
62
  }
61
63
  }