@imiobe/plonetheme-smartweb-base 0.0.5 → 0.0.6
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.
- package/index.html +68 -61
- package/manifest.cfg +5 -5
- package/package.json +3 -3
- package/src/index.js +0 -1
- package/src/scss/_fonts.scss +9 -0
- package/src/scss/_general.scss +3 -11
- package/src/scss/_header.scss +7 -13
- package/src/scss/_sitenav.scss +35 -257
- package/src/scss/_sub-sitenav.scss +1 -237
- package/src/scss/_swiper.scss +23 -13
- package/src/scss/_trucaverif.scss +3 -31
- package/src/scss/common/_com-cookies.scss +1 -1
- package/src/scss/common/_com-faceted.scss +3 -1
- package/src/scss/common/_com-react.scss +7 -0
- package/src/scss/common/_messviewlet.scss +2 -1
- package/src/scss/homepage/_actualites.scss +11 -8
- package/src/scss/homepage/_album.scss +1 -3
- package/src/scss/homepage/_banner.scss +1 -5
- package/src/scss/homepage/_events.scss +12 -7
- package/src/scss/homepage/_general-home.scss +21 -0
- package/src/scss/homepage/_newsletter.scss +24 -0
- package/src/scss/homepage/_quick-access.scss +3 -0
- package/src/scss/list/_list.scss +1 -1
- package/src/scss/main.scss +10 -1
- package/src/scss/sections/_se-contact.scss +36 -15
- package/src/scss/sections/_se-file.scss +1 -10
- package/src/scss/sections/_se-plan-geo.scss +83 -0
- package/src/scss/sections/_se-postit.scss +17 -0
- package/src/scss/sections/_se-textes.scss +24 -32
- package/src/scss/variables.scss +85 -73
- package/theme.zip +0 -0
- package/theme4.2.zip +0 -0
package/index.html
CHANGED
|
@@ -1,70 +1,77 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>Plone Theme</title>
|
|
6
|
+
<link rel="shortcut icon" type="image/x-icon"
|
|
7
|
+
href="icons/barceloneta-favicon.ico" />
|
|
8
|
+
<link rel="apple-touch-icon"
|
|
9
|
+
href="icons/barceloneta-apple-touch-icon.png" />
|
|
10
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144"
|
|
11
|
+
href="icons/barceloneta-apple-touch-icon-144x144-precomposed.png" />
|
|
12
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114"
|
|
13
|
+
href="icons/barceloneta-apple-touch-icon-114x114-precomposed.png" />
|
|
14
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72"
|
|
15
|
+
href="icons/barceloneta-apple-touch-icon-72x72-precomposed.png" />
|
|
16
|
+
<link rel="apple-touch-icon-precomposed" sizes="57x57"
|
|
17
|
+
href="icons/barceloneta-apple-touch-icon-57x57-precomposed.png" />
|
|
18
|
+
<link rel="apple-touch-icon-precomposed"
|
|
19
|
+
href="icons/barceloneta-apple-touch-icon-precomposed.png" />
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body class="h-100">
|
|
23
|
+
<section id="portal-toolbar">
|
|
24
|
+
</section>
|
|
25
|
+
|
|
26
|
+
<div class="outer-wrapper">
|
|
27
|
+
<header id="content-header">
|
|
28
|
+
|
|
29
|
+
<div class="container">
|
|
30
|
+
<div id="portal-top" class="mb-3 d-flex justify-content-end">
|
|
30
31
|
</div>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<div
|
|
34
|
-
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="mask-menu"></div>
|
|
35
|
+
|
|
36
|
+
</header>
|
|
37
|
+
|
|
38
|
+
<div id="hero" class="principal">
|
|
39
|
+
<div class="container">
|
|
40
|
+
<div class="gigantic">
|
|
35
41
|
</div>
|
|
36
42
|
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div id="above-content-wrapper">
|
|
46
|
+
<div id="above-content">
|
|
41
47
|
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<div class="container">
|
|
51
|
+
<div class="row">
|
|
52
|
+
<aside id="global_statusmessage" class="col-12"></aside>
|
|
42
53
|
</div>
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
54
|
+
<main id="main-container" class="row">
|
|
55
|
+
<section id="portal-column-content">
|
|
56
|
+
</section>
|
|
57
|
+
<aside id="portal-column-one">
|
|
58
|
+
</aside>
|
|
59
|
+
<aside id="portal-column-two" role="complementary">
|
|
60
|
+
</aside>
|
|
61
|
+
</main><!--/row-->
|
|
62
|
+
</div>
|
|
63
|
+
<!--/container-->
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<!--/outer-wrapper -->
|
|
67
|
+
<footer id="portal-footer-wrapper">
|
|
68
|
+
<div class="container" id="portal-footer">
|
|
69
|
+
<div class="doormat row"></div>
|
|
70
|
+
<div class="copyright row"><div class="col-12"></div></div>
|
|
71
|
+
<div class="colophon row"><div class="col-12"></div></div>
|
|
72
|
+
<div class="site-actions row"><div class="col-12"></div></div>
|
|
46
73
|
</div>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
</div>
|
|
51
|
-
<main id="main-container" class="row">
|
|
52
|
-
<section id="portal-column-content">
|
|
53
|
-
</section>
|
|
54
|
-
<aside id="portal-column-one">
|
|
55
|
-
</aside>
|
|
56
|
-
<aside id="portal-column-two" role="complementary">
|
|
57
|
-
</aside>
|
|
58
|
-
</main><!--/row-->
|
|
59
|
-
</div><!--/container-->
|
|
60
|
-
</div> <!--/outer-wrapper -->
|
|
61
|
-
<footer id="portal-footer-wrapper">
|
|
62
|
-
<div class="container" id="portal-footer">
|
|
63
|
-
<div class="doormat row"></div>
|
|
64
|
-
<div class="copyright row"><div class="col-12"></div></div>
|
|
65
|
-
<div class="colophon row"><div class="col-12"></div></div>
|
|
66
|
-
<div class="site-actions row"><div class="col-12"></div></div>
|
|
67
|
-
</div>
|
|
68
|
-
</footer>
|
|
69
|
-
</body>
|
|
74
|
+
</footer>
|
|
75
|
+
</body>
|
|
76
|
+
|
|
70
77
|
</html>
|
package/manifest.cfg
CHANGED
|
@@ -9,12 +9,12 @@ doctype = <!DOCTYPE html>
|
|
|
9
9
|
enabled-bundles =
|
|
10
10
|
disabled-bundles =
|
|
11
11
|
|
|
12
|
-
development-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
production-js = /++theme++base/dist/js/theme.js
|
|
16
|
-
production-css = /++theme++base/dist/css/theme.css
|
|
12
|
+
development-css = ++theme++base/dist/css/theme.css
|
|
13
|
+
production-css = ++theme++base/dist/css/theme.css
|
|
17
14
|
tinymce-content-css = /++theme++base/dist/css/theme.css
|
|
15
|
+
development-js = ++theme++base/dist/js/theme.js
|
|
16
|
+
production-js = ++theme++base/dist/js/theme.js
|
|
17
|
+
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
#[theme:overrides]
|
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"plone",
|
|
24
24
|
"smartweb"
|
|
25
25
|
],
|
|
26
|
-
"version": "0.0.
|
|
26
|
+
"version": "0.0.6",
|
|
27
27
|
"license": "GPL version 2",
|
|
28
28
|
"scripts": {
|
|
29
29
|
"stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"release": "release-it"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@plone/plonetheme-barceloneta-base": "
|
|
38
|
-
"@popperjs/core": "^2.
|
|
37
|
+
"@plone/plonetheme-barceloneta-base": "3.0.0",
|
|
38
|
+
"@popperjs/core": "^2.11.6"
|
|
39
39
|
}
|
|
40
40
|
}
|
package/src/index.js
CHANGED
package/src/scss/_fonts.scss
CHANGED
package/src/scss/_general.scss
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
ul {
|
|
1
|
+
.frontend ul {
|
|
2
2
|
padding-left: 0;
|
|
3
3
|
}
|
|
4
4
|
.offcanvas-start {
|
|
5
5
|
top: 0;
|
|
6
6
|
left: 0;
|
|
7
|
-
width: 95
|
|
7
|
+
width: 95%!important;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.contact_gallery {
|
|
@@ -52,14 +52,6 @@ ul {
|
|
|
52
52
|
background: #f9f9f9;
|
|
53
53
|
}
|
|
54
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
55
|
|
|
64
56
|
// img placeholder
|
|
65
57
|
|
|
@@ -115,4 +107,4 @@ ul {
|
|
|
115
107
|
}
|
|
116
108
|
.mb-ign-mode-liste-carte{
|
|
117
109
|
z-index:0;
|
|
118
|
-
}
|
|
110
|
+
}
|
package/src/scss/_header.scss
CHANGED
|
@@ -7,15 +7,16 @@
|
|
|
7
7
|
#portal-header {
|
|
8
8
|
display: block;
|
|
9
9
|
margin-top: 0;
|
|
10
|
+
margin-bottom: 1.25rem;
|
|
11
|
+
@include media-breakpoint-up(md){
|
|
12
|
+
position: relative;
|
|
13
|
+
}
|
|
10
14
|
#portal-header-top {
|
|
11
15
|
@include media-breakpoint-down(lg) {
|
|
12
16
|
justify-content: space-between;
|
|
13
17
|
}
|
|
14
18
|
position: relative;
|
|
15
19
|
z-index: 2;
|
|
16
|
-
// display: grid;
|
|
17
|
-
// grid-template-columns: 115px 1fr auto !important;
|
|
18
|
-
// grid-template-areas: "logo menu link";
|
|
19
20
|
display: flex;
|
|
20
21
|
align-items: center;
|
|
21
22
|
padding: $header-top-padding;
|
|
@@ -39,8 +40,10 @@
|
|
|
39
40
|
#portal-logo {
|
|
40
41
|
max-width: $main-logo-max-width;
|
|
41
42
|
margin-top: 0;
|
|
42
|
-
|
|
43
|
+
width: 100%;
|
|
44
|
+
img, svg {
|
|
43
45
|
max-width: 100%;
|
|
46
|
+
height: 100%;
|
|
44
47
|
}
|
|
45
48
|
}
|
|
46
49
|
#portal-globalnav-wrapper {
|
|
@@ -102,21 +105,12 @@
|
|
|
102
105
|
}
|
|
103
106
|
}
|
|
104
107
|
|
|
105
|
-
header#content-header {
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
109
108
|
@include media-breakpoint-down(lg) {
|
|
110
109
|
.navbar-expand-md .navbar-toggler {
|
|
111
110
|
display: block !important;
|
|
112
111
|
}
|
|
113
112
|
}
|
|
114
113
|
|
|
115
|
-
// .subsite-container{ ---------------------- POURQUOI clip ???
|
|
116
|
-
// grid-area: sub;
|
|
117
|
-
// overflow-x: clip;
|
|
118
|
-
// }
|
|
119
|
-
|
|
120
114
|
// MASK
|
|
121
115
|
|
|
122
116
|
.mask-menu {
|
package/src/scss/_sitenav.scss
CHANGED
|
@@ -7,6 +7,11 @@
|
|
|
7
7
|
@include media-breakpoint-up(lg) {
|
|
8
8
|
flex: 1;
|
|
9
9
|
}
|
|
10
|
+
@include media-breakpoint-down(lg) {
|
|
11
|
+
margin: 0!important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
#portal-globalnav {
|
|
10
15
|
span {
|
|
11
16
|
padding: 1rem 0;
|
|
12
17
|
}
|
|
@@ -15,8 +20,6 @@
|
|
|
15
20
|
padding-left: 0;
|
|
16
21
|
}
|
|
17
22
|
|
|
18
|
-
#portal-globalnav-collapse {
|
|
19
|
-
#portal-globalnav {
|
|
20
23
|
width: 100%;
|
|
21
24
|
@include media-breakpoint-up(md) {
|
|
22
25
|
flex-direction: column;
|
|
@@ -28,7 +31,7 @@
|
|
|
28
31
|
@include media-breakpoint-up(xl) {
|
|
29
32
|
gap: $nav-first-level-gap;
|
|
30
33
|
}
|
|
31
|
-
.
|
|
34
|
+
.nav_index_html {
|
|
32
35
|
display: none;
|
|
33
36
|
}
|
|
34
37
|
li {
|
|
@@ -125,17 +128,23 @@
|
|
|
125
128
|
background-repeat: no-repeat;
|
|
126
129
|
margin-left: .4rem;
|
|
127
130
|
}
|
|
131
|
+
&:before {
|
|
132
|
+
content: "";
|
|
133
|
+
height: 2px;
|
|
134
|
+
position: absolute;
|
|
135
|
+
left: 0;
|
|
136
|
+
background-color: $nav-link-active-color;
|
|
137
|
+
bottom: 0;
|
|
138
|
+
transition: all .15s ease;
|
|
139
|
+
right: 0;
|
|
140
|
+
opacity: 0;
|
|
141
|
+
}
|
|
128
142
|
&:hover,
|
|
129
143
|
&:focus {
|
|
144
|
+
color: $nav-link-active-color;
|
|
130
145
|
&:before {
|
|
131
146
|
content: "";
|
|
132
|
-
|
|
133
|
-
position: absolute;
|
|
134
|
-
left: 0;
|
|
135
|
-
background-color: $nav-link-color;
|
|
136
|
-
bottom: 0;
|
|
137
|
-
transition: all .3s ease;
|
|
138
|
-
right: 0;
|
|
147
|
+
opacity: 1;
|
|
139
148
|
}
|
|
140
149
|
}
|
|
141
150
|
}
|
|
@@ -248,23 +257,28 @@
|
|
|
248
257
|
padding: 0 !important;
|
|
249
258
|
}
|
|
250
259
|
}
|
|
251
|
-
}
|
|
252
260
|
|
|
253
261
|
&.activated {
|
|
254
|
-
&>
|
|
262
|
+
&>li>a {
|
|
255
263
|
@include media-breakpoint-up(md) {
|
|
256
264
|
color: $nav-link-open-color !important;
|
|
257
265
|
}
|
|
258
266
|
}
|
|
259
267
|
}
|
|
260
|
-
}
|
|
261
268
|
|
|
262
269
|
label[role="button"] {
|
|
263
270
|
position: absolute;
|
|
264
271
|
}
|
|
265
272
|
}
|
|
266
|
-
|
|
267
|
-
|
|
273
|
+
@include media-breakpoint-up(lg) {
|
|
274
|
+
#portal-globalnav-wrapper {
|
|
275
|
+
flex:1;
|
|
276
|
+
.container{
|
|
277
|
+
padding: 0;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
.close-nav,
|
|
268
282
|
.prev-nav {
|
|
269
283
|
cursor: pointer;
|
|
270
284
|
}
|
|
@@ -295,226 +309,11 @@
|
|
|
295
309
|
align-items: center;
|
|
296
310
|
}
|
|
297
311
|
}
|
|
298
|
-
////// A SUPPRIMER PLUSTARD
|
|
299
|
-
|
|
300
|
-
// #subsite-navigation {
|
|
301
|
-
// & > ul {
|
|
302
|
-
// gap: 15px;
|
|
303
|
-
// }
|
|
304
|
-
// }
|
|
305
|
-
|
|
306
|
-
// #subsite-navigation ul:first-child {
|
|
307
|
-
// overflow-y: hidden;
|
|
308
|
-
// }
|
|
309
|
-
// #subsite-navigation > ul li > .has_subtree.dropdown {
|
|
310
|
-
// box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
|
311
|
-
// }
|
|
312
|
-
// #subsite-navigation > ul li > .has_subtree.dropdown .has_subtree.dropdown {
|
|
313
|
-
// @include media-breakpoint-down(lg){
|
|
314
|
-
// box-shadow: none!important;
|
|
315
|
-
// }
|
|
316
|
-
// }
|
|
317
|
-
|
|
318
|
-
// #subsite-navigation li .has_subtree.dropdown {
|
|
319
|
-
// @include media-breakpoint-down(lg){
|
|
320
|
-
// right: inherit;
|
|
321
|
-
// left: 0 !important;
|
|
322
|
-
// }
|
|
323
|
-
// }
|
|
324
|
-
|
|
325
|
-
// Align je suis je trouve right
|
|
326
|
-
#portal-globalnav {
|
|
327
|
-
// & > .nav-item.has_subtree:not(.je-suis):not(.en-un-clic){
|
|
328
|
-
// & > .nav-link{
|
|
329
|
-
// display: flex;
|
|
330
|
-
// align-items: center;
|
|
331
|
-
// @include media-breakpoint-up(lg){
|
|
332
|
-
// &:after{
|
|
333
|
-
// content:"";
|
|
334
|
-
// width: 9px;
|
|
335
|
-
// height: 6px;
|
|
336
|
-
// display: block;
|
|
337
|
-
// 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>');
|
|
338
|
-
// background-size: contain;
|
|
339
|
-
// background-position: center;
|
|
340
|
-
// background-repeat: no-repeat;
|
|
341
|
-
// margin-left: 0.4rem;
|
|
342
|
-
// }
|
|
343
|
-
// }
|
|
344
|
-
// }
|
|
345
|
-
// }
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
// #subsite-navigation{
|
|
349
|
-
// & > ul{
|
|
350
|
-
// white-space: inherit;
|
|
351
|
-
// & > li > a{
|
|
352
|
-
// white-space: nowrap;
|
|
353
|
-
// }
|
|
354
|
-
// }
|
|
355
|
-
// & > ul > .has_subtree.nav-item{
|
|
356
|
-
// & > .nav-link{
|
|
357
|
-
// display: flex;
|
|
358
|
-
// align-items: center;
|
|
359
|
-
// &:after{
|
|
360
|
-
// content: url("../../assets/svg/drop-down-arrow.svg");
|
|
361
|
-
// display: flex;
|
|
362
|
-
// align-items: center;
|
|
363
|
-
// padding-left: 0.4rem;
|
|
364
|
-
// }
|
|
365
|
-
// }
|
|
366
|
-
// }
|
|
367
|
-
// }
|
|
368
|
-
|
|
369
|
-
// #portal-globalnav-collapse, #subsite-navigation{
|
|
370
|
-
// .dropdown{
|
|
371
|
-
// // .show-nav{
|
|
372
|
-
// // & > .nav-link{
|
|
373
|
-
// // color: $primary;
|
|
374
|
-
// // &[aria-haspopup="true"]{
|
|
375
|
-
// // &:after{
|
|
376
|
-
// // content: url("../../assets/svg/drop-down-arrow-blue.svg");
|
|
377
|
-
// // right: 0;
|
|
378
|
-
|
|
379
|
-
// // }
|
|
380
|
-
// // }
|
|
381
|
-
// // }
|
|
382
|
-
// // }
|
|
383
|
-
// // .nav-link{
|
|
384
|
-
// // &[aria-haspopup="true"]{
|
|
385
|
-
// // &:after{
|
|
386
|
-
// // content: url("../../assets/svg/arrow-right-blue.svg");
|
|
387
|
-
// // content: url("../../assets/svg/arrow-right.svg");
|
|
388
|
-
// // position: relative;
|
|
389
|
-
// // right: 11px;
|
|
390
|
-
// // transition: all .2s ease;
|
|
391
|
-
// // }
|
|
392
|
-
// // &:hover,
|
|
393
|
-
// // &:focus{
|
|
394
|
-
// // &:after{
|
|
395
|
-
// // content: url("../../assets/svg/arrow-right-blue.svg");
|
|
396
|
-
// // }
|
|
397
|
-
// // }
|
|
398
|
-
// // }
|
|
399
|
-
// // }
|
|
400
|
-
// }
|
|
401
|
-
// & > ul {
|
|
402
|
-
// & > li{
|
|
403
|
-
// & > a{
|
|
404
|
-
// // First nav link hover line
|
|
405
|
-
// // &:before{
|
|
406
|
-
// // content: "";
|
|
407
|
-
// // height: 2px;
|
|
408
|
-
// // position: absolute;
|
|
409
|
-
// // left: 0;
|
|
410
|
-
// // background-color: $yellow;
|
|
411
|
-
// // bottom: 0;
|
|
412
|
-
// // transition: all .3s ease;
|
|
413
|
-
// // right: 0;
|
|
414
|
-
// // width: 0;
|
|
415
|
-
// // }
|
|
416
|
-
// // @media (hover: hover) and (pointer: fine) {
|
|
417
|
-
// // &:focus,
|
|
418
|
-
// // &:hover{
|
|
419
|
-
// // &:before{
|
|
420
|
-
// // width: 100%;
|
|
421
|
-
// // }
|
|
422
|
-
// // }
|
|
423
|
-
// // }
|
|
424
|
-
// }
|
|
425
|
-
// }
|
|
426
|
-
// }
|
|
427
|
-
|
|
428
|
-
// }
|
|
429
|
-
|
|
430
|
-
// // ARROW RIGHT
|
|
431
|
-
// @media screen and (max-width:992px) {
|
|
432
|
-
// #portal-globalnav-collapse{
|
|
433
|
-
// #portal-globalnav > li > .nav-link{
|
|
434
|
-
// border-bottom: 1px solid #ddd;
|
|
435
|
-
// &[aria-haspopup="true"]::after {
|
|
436
|
-
// content: url("../../assets/svg/arrow-right-blue.svg");
|
|
437
|
-
// content: url("../../assets/svg/arrow-right.svg");
|
|
438
|
-
// position: relative;
|
|
439
|
-
// right: 11px;
|
|
440
|
-
// }
|
|
441
|
-
// }
|
|
442
|
-
// }
|
|
443
|
-
// // SUBSITE NAV
|
|
444
|
-
// #subsite-navigation{
|
|
445
|
-
// #portal-globalnav > li > .nav-link{
|
|
446
|
-
// border-bottom: 1px solid #ddd;
|
|
447
|
-
// &[aria-haspopup="true"]::after {
|
|
448
|
-
// content: url("../../assets/svg/arrow-right-blue.svg");
|
|
449
|
-
// content: url("../../assets/svg/arrow-right.svg");
|
|
450
|
-
// position: relative;
|
|
451
|
-
// right: 11px;
|
|
452
|
-
// }
|
|
453
|
-
// }
|
|
454
|
-
// }
|
|
455
|
-
// }
|
|
456
|
-
// //burger button
|
|
457
|
-
// .navbar-toggler{
|
|
458
|
-
// display: block;
|
|
459
|
-
// position: relative;
|
|
460
|
-
// background: transparent!important;
|
|
461
|
-
// width: 50px;
|
|
462
|
-
// height: 50px;
|
|
463
|
-
// border-radius: 50%;
|
|
464
|
-
// text-align: center;
|
|
465
|
-
// transition: all 0.5s ease;
|
|
466
|
-
// border: 2px solid transparent;
|
|
467
|
-
// .navbar-toggler-icon {
|
|
468
|
-
// display: inline-block;
|
|
469
|
-
// position: absolute;
|
|
470
|
-
// background: #000;
|
|
471
|
-
// margin: 0 auto;
|
|
472
|
-
// width: 18px;
|
|
473
|
-
// height: 2px;
|
|
474
|
-
// top: 50%;
|
|
475
|
-
// left: 0;
|
|
476
|
-
// right: 0;
|
|
477
|
-
// border-radius: 50px;
|
|
478
|
-
// transition: all 0.5s ease;
|
|
479
|
-
// transform: translateY(-1px);
|
|
480
|
-
// &:before,
|
|
481
|
-
// &:after{
|
|
482
|
-
// content: "";
|
|
483
|
-
// border-radius: 50px;
|
|
484
|
-
// position: absolute;
|
|
485
|
-
// margin: 0 auto;
|
|
486
|
-
// background: #000;
|
|
487
|
-
// height: 2px;
|
|
488
|
-
// right: 0;
|
|
489
|
-
// transition: all 0.5s ease;
|
|
490
|
-
// }
|
|
491
|
-
// &:before {
|
|
492
|
-
// bottom: 10px;
|
|
493
|
-
// width: 24px;
|
|
494
|
-
// }
|
|
495
|
-
// &:after {
|
|
496
|
-
// top: 10px;
|
|
497
|
-
// width: 11px;
|
|
498
|
-
|
|
499
|
-
// }
|
|
500
|
-
// }
|
|
501
|
-
// &[aria-expanded=true] {
|
|
502
|
-
// .navbar-toggler-icon {
|
|
503
|
-
// background: transparent;
|
|
504
|
-
// &:before, &:after {
|
|
505
|
-
// transform-origin: 0 50%;
|
|
506
|
-
// width: 28.28427125px;
|
|
507
|
-
// }
|
|
508
|
-
// &:before {
|
|
509
|
-
// transform: rotateZ(0.78539816rad)
|
|
510
|
-
// }
|
|
511
|
-
// &:after {
|
|
512
|
-
// transform: rotateZ(-0.78539816rad);
|
|
513
|
-
// }
|
|
514
|
-
// }
|
|
515
|
-
// }
|
|
516
|
-
// }
|
|
517
312
|
|
|
313
|
+
// Pour changer la couleur de navlink en active
|
|
314
|
+
#portal-globalnav-wrapper #portal-globalnav-collapse #portal-globalnav > li.show-nav.has_subtree > a{
|
|
315
|
+
color: $nav-link-active-color!important;
|
|
316
|
+
}
|
|
518
317
|
// de core
|
|
519
318
|
@media screen and (max-width: 992px) {
|
|
520
319
|
#portal-globalnav-wrapper .navbar-nav li.show-nav > .has_subtree.dropdown {
|
|
@@ -615,7 +414,7 @@
|
|
|
615
414
|
border-color: #000;
|
|
616
415
|
}
|
|
617
416
|
.navbar-dark .navbar-toggler-icon {
|
|
618
|
-
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");
|
|
417
|
+
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")!important;
|
|
619
418
|
}
|
|
620
419
|
}
|
|
621
420
|
.collapse:not(.show) {
|
|
@@ -741,7 +540,7 @@
|
|
|
741
540
|
|
|
742
541
|
|
|
743
542
|
.navbar-dark .navbar-toggler-icon {
|
|
744
|
-
|
|
543
|
+
background-image:$header-toggler-icon!important;
|
|
745
544
|
}
|
|
746
545
|
.navbar-toggler:focus {
|
|
747
546
|
border: 0px;
|
|
@@ -750,27 +549,6 @@
|
|
|
750
549
|
box-shadow: none !important;
|
|
751
550
|
}
|
|
752
551
|
|
|
753
|
-
// mobile
|
|
754
|
-
|
|
755
|
-
// // nav-mobile
|
|
756
|
-
// .navbar-toggler{
|
|
757
|
-
// border: 0px!important;
|
|
758
|
-
// }
|
|
759
|
-
// .navbar-toggler:focus{
|
|
760
|
-
// box-shadow: none!important;
|
|
761
|
-
// }
|
|
762
|
-
// @media screen and (min-width:768px){
|
|
763
|
-
// .navbar-expand-md .navbar-toggler {
|
|
764
|
-
// display: block;
|
|
765
|
-
// }
|
|
766
|
-
// }
|
|
767
|
-
|
|
768
|
-
// @media screen and (min-width:992px){
|
|
769
|
-
// .navbar-expand-md .navbar-toggler {
|
|
770
|
-
// display: none;
|
|
771
|
-
// }
|
|
772
|
-
// }
|
|
773
|
-
|
|
774
552
|
// SUB
|
|
775
553
|
|
|
776
554
|
#subsite-navigation>ul li>.has_subtree.dropdown .has_subtree.dropdown {
|