@imiobe/plonetheme-smartweb-base 0.0.2 → 0.0.5

package/assets/svg/arrow-right-blue.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.651" height="9.411" viewBox="0 0 19.651 9.411">
+  <g id="Groupe_513" data-name="Groupe 513" transform="translate(0.5 0.705)">
+    <line id="Ligne_7" data-name="Ligne 7" x2="18.445" transform="translate(0 4)" fill="none" stroke="#008fd2" stroke-linecap="round" stroke-width="1"/>
+    <line id="Ligne_8" data-name="Ligne 8" x2="4.611" y2="4" transform="translate(13.834)" fill="none" stroke="#008fd2" stroke-linecap="round" stroke-width="1"/>
+    <line id="Ligne_9" data-name="Ligne 9" y1="4" x2="4.611" transform="translate(13.834 4)" fill="none" stroke="#008fd2" stroke-linecap="round" stroke-width="1"/>
+  </g>
+</svg>

package/assets/svg/arrow-right.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.651" height="9.411" viewBox="0 0 19.651 9.411">
+  <g id="Groupe_512" data-name="Groupe 512" transform="translate(0.5 0.705)">
+    <line id="Ligne_7" data-name="Ligne 7" x2="18.445" transform="translate(0 4)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1"/>
+    <line id="Ligne_8" data-name="Ligne 8" x2="4.611" y2="4" transform="translate(13.834)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1"/>
+    <line id="Ligne_9" data-name="Ligne 9" y1="4" x2="4.611" transform="translate(13.834 4)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1"/>
+  </g>
+</svg>

package/assets/svg/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>

package/assets/svg/download-arrow-blue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12.155" height="18.233"><g data-name="Groupe 570"><g data-name="Groupe 569" fill="#008fd2"><path data-name="Tracé 749" d="M5.54 14.972a.856.856 0 0 0 .055.05l.027.02.033.024.033.02.031.018.035.017.033.015.034.012.036.013.035.009.038.009.04.006h.033a.764.764 0 0 0 .15 0h.033l.04-.006.038-.009.035-.009.036-.013.034-.012.033-.015.035-.017.031-.018.033-.02.033-.024.027-.02a.652.652 0 0 0 .055-.05l5.318-5.318A.76.76 0 1 0 10.86 8.58L6.837 12.6V.76a.76.76 0 0 0-1.519 0V12.6L1.297 8.579A.76.76 0 0 0 .223 9.653Z"/><path data-name="Tracé 750" d="M11.395 16.713H.76a.76.76 0 0 0 0 1.519h10.636a.76.76 0 1 0 0-1.519Z"/></g></g></svg>

package/assets/svg/download-arrow.svg

@@ -0,0 +1 @@
+<svg data-name="Groupe 570" xmlns="http://www.w3.org/2000/svg" width="12.155" height="18.233"><g data-name="Groupe 569" fill="#fff"><path data-name="Tracé 749" d="M5.54 14.972a.856.856 0 0 0 .055.05l.027.02.033.024.033.02.031.018.035.017.033.015.034.012.036.013.035.009.038.009.04.006h.033a.764.764 0 0 0 .15 0h.033l.04-.006.038-.009.035-.009.036-.013.034-.012.033-.015.035-.017.031-.018.033-.02.033-.024.027-.02a.652.652 0 0 0 .055-.05l5.318-5.318A.76.76 0 1 0 10.86 8.58L6.837 12.6V.76a.76.76 0 0 0-1.519 0V12.6L1.297 8.579A.76.76 0 0 0 .223 9.653Z"/><path data-name="Tracé 750" d="M11.395 16.713H.76a.76.76 0 0 0 0 1.519h10.636a.76.76 0 1 0 0-1.519Z"/></g></svg>

package/assets/svg/drop-down-arrow-blue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" 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="#008fd2" fill-rule="evenodd"/></svg>

package/assets/svg/drop-down-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" 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="#000" fill-rule="evenodd"/></svg>

package/assets/svg/files.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52.657" height="52.145"><path data-name="Tracé 743" d="M52.224 6.39 46.007.461A1.261 1.261 0 0 0 45.069 0h-24.9a1.321 1.321 0 0 0-1.319 1.319v4.05l-8.776 1.5a1.3 1.3 0 0 0-1.055 1.5l.445 2.6c-2.853.96-5.781 1.95-8.609 2.965a1.306 1.306 0 0 0-.78 1.659L5.7 31.229a.771.771 0 1 0 1.45-.522l-5.541-15.4c2.664-.957 5.423-1.89 8.119-2.8l2.65 15.452 3.05 17.8a1.307 1.307 0 0 0 1.5 1.058l8.26-1.418 6.455-1.106-9.708 3.489-7.655 2.752-5.946-16.538a.771.771 0 1 0-1.452.522l6.03 16.772a1.3 1.3 0 0 0 1.221.855 1.276 1.276 0 0 0 .439-.078l7.885-2.835 17.9-6.436 3.421-.586h7.556a1.322 1.322 0 0 0 1.319-1.322V7.259a1.11 1.11 0 0 0-.433-.869Zm-2.044.183h-3.955c-.185 0-.617 0-.727-.1a.434.434 0 0 1-.055-.266l-.009-4.157Zm.934 34.095H20.392V25.634a.771.771 0 0 0-1.543 0v15.254a1.322 1.322 0 0 0 1.319 1.319H34.65l-9.724 1.667-8.02 1.376L13.9 27.701 10.58 8.352l8.269-1.418v15.121a.771.771 0 0 0 1.543 0V1.543h23.5l.008 4.664a1.837 1.837 0 0 0 .511 1.359 2.359 2.359 0 0 0 1.714.553h4.99Z" fill="#fff"/></svg>

package/assets/svg/pdf-file-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.461" height="35.716"><g fill="#fff"><path data-name="Tracé 736" d="M8.284 14.58H6.069a1.046 1.046 0 0 0-1.046 1.05l.015 7.95a1.046 1.046 0 1 0 2.093 0v-2.413h1.152a3.291 3.291 0 1 0 0-6.581Zm0 4.488H7.126v-2.4h1.157a1.2 1.2 0 1 1 0 2.4Z"/><path data-name="Tracé 737" d="M17.184 14.58h-2.186a1.046 1.046 0 0 0-1.046 1.048s.016 7.691.016 7.719a1.046 1.046 0 0 0 1.046 1.043c.066 0 1.625-.006 2.248-.017 2.364-.041 4.08-2.1 4.08-4.888.005-2.934-1.668-4.905-4.158-4.905Zm.046 7.7c-.271 0-.737.009-1.173.011 0-.909-.009-4.674-.01-5.619h1.137c1.921 0 2.07 2.152 2.07 2.812-.002 1.374-.626 2.772-2.024 2.796Z"/><path data-name="Tracé 738" d="M28.243 16.592a1.046 1.046 0 1 0 0-2.093h-3.2a1.046 1.046 0 0 0-1.046 1.046v7.894a1.046 1.046 0 0 0 2.093 0v-2.975h1.9a1.046 1.046 0 0 0 0-2.093h-1.9v-1.779Z"/><path data-name="Tracé 739" d="M31.322 10.115h-.767v-.3a5.211 5.211 0 0 0-1.435-3.6l-4.347-4.583A5.254 5.254 0 0 0 20.976 0H7.046a3.143 3.143 0 0 0-3.139 3.139v6.976H3.14A3.143 3.143 0 0 0 0 13.254v12.557a3.143 3.143 0 0 0 3.139 3.139h.767v3.627a3.143 3.143 0 0 0 3.139 3.139h20.37a3.143 3.143 0 0 0 3.139-3.139V28.95h.767a3.143 3.143 0 0 0 3.139-3.139V13.254a3.143 3.143 0 0 0-3.138-3.139ZM6 3.139a1.048 1.048 0 0 1 1.046-1.046h13.93a3.152 3.152 0 0 1 2.278.979L27.6 7.657a3.127 3.127 0 0 1 .861 2.16v.3H6Zm22.461 29.438a1.048 1.048 0 0 1-1.046 1.046H7.046A1.048 1.048 0 0 1 6 32.577V28.95h22.461Zm3.906-6.767a1.048 1.048 0 0 1-1.046 1.046H3.139a1.048 1.048 0 0 1-1.046-1.046V13.254a1.048 1.048 0 0 1 1.046-1.046h28.183a1.048 1.048 0 0 1 1.046 1.046Z"/></g></svg>

package/index.html

@@ -3,19 +3,19 @@
   <head>
     <title>Plone Theme</title>
     <link rel="shortcut icon" type="image/x-icon"
-          href="barceloneta-favicon.ico" />
+          href="icons/barceloneta-favicon.ico" />
     <link rel="apple-touch-icon"
-          href="barceloneta-apple-touch-icon.png" />
+          href="icons/barceloneta-apple-touch-icon.png" />
     <link rel="apple-touch-icon-precomposed" sizes="144x144"
-          href="barceloneta-apple-touch-icon-144x144-precomposed.png" />
+          href="icons/barceloneta-apple-touch-icon-144x144-precomposed.png" />
     <link rel="apple-touch-icon-precomposed" sizes="114x114"
-          href="barceloneta-apple-touch-icon-114x114-precomposed.png" />
+          href="icons/barceloneta-apple-touch-icon-114x114-precomposed.png" />
     <link rel="apple-touch-icon-precomposed" sizes="72x72"
-          href="barceloneta-apple-touch-icon-72x72-precomposed.png" />
+          href="icons/barceloneta-apple-touch-icon-72x72-precomposed.png" />
     <link rel="apple-touch-icon-precomposed" sizes="57x57"
-          href="barceloneta-apple-touch-icon-57x57-precomposed.png" />
+          href="icons/barceloneta-apple-touch-icon-57x57-precomposed.png" />
     <link rel="apple-touch-icon-precomposed"
-          href="barceloneta-apple-touch-icon-precomposed.png" />
+          href="icons/barceloneta-apple-touch-icon-precomposed.png" />
   </head>
   <body>
     <section id="portal-toolbar">
@@ -28,6 +28,7 @@
           <div id="anonymous-actions">
           </div>
         </div>
+        <div class="mask-menu"></div>
       </header>
       <div id="mainnavigation-wrapper">
         <div id="mainnavigation">

package/manifest.cfg

@@ -2,16 +2,19 @@
 title = Smartweb base theme
 description = A Diazo based Plone theme
 preview = preview.png
-rules = /++theme++smartweb/rules.xml
-prefix = /++theme++smartweb
+rules = /++theme++base/rules.xml
+prefix = /++theme++base
 doctype = <!DOCTYPE html>
 
 enabled-bundles =
 disabled-bundles =
 
-production-js = /++theme++smartweb/js/main.js
-production-css = /++theme++smartweb/styles/main.min.css
-tinymce-content-css = /++theme++smartweb/styles/main.min.css
+development-js = /++theme++base/dist/js/theme.js
+development-css = /++theme++base/dist/css/theme.css
+
+production-js = /++theme++base/dist/js/theme.js
+production-css = /++theme++base/dist/css/theme.css
+tinymce-content-css = /++theme++base/dist/css/theme.css
 
 
 #[theme:overrides]

package/package.json

@@ -23,43 +23,18 @@
     "plone",
     "smartweb"
   ],
-  "version": "0.0.2",
+  "version": "0.0.5",
   "license": "GPL version 2",
   "scripts": {
     "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
     "stylelint:fix": "npx stylelint 'src/**/*.{css,less}' --fix",
     "prettier": "npx prettier --single-quote --check 'src/**/*.{js,jsx,ts,tsx,json,css,scss,sass}'",
     "prettier:fix": "npx prettier --single-quote --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,sass}'",
-    "build": "webpack --mode=production --progress --stats",
-    "build:dev": "webpack --mode=production --progress --stats",
-    "webpack-serve": "webpack serve --mode=development --progress",
-    "watch": "concurrently --names \"PLONE,WEBPACK\" -c \"bgBlue.bold,bgMagenta.bold\" \"../../../bin/instance fg\" \"npm:webpack-serve\""
+    "dry-release": "release-it --dry-run",
+    "release": "release-it"
   },
   "devDependencies": {
     "@plone/plonetheme-barceloneta-base": "^3.0.0-alpha9",
-    "autoprefixer": "^10.4.2",
-    "babel-loader": "^8.2.3",
-    "clean-webpack-plugin": "^4.0.0",
-    "concurrently": "^7.0.0",
-    "copy-webpack-plugin": "^10.2.4",
-    "css-loader": "^6.6.0",
-    "css-minimizer-webpack-plugin": "^3.4.1",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.5.3",
-    "postcss": "^8.4.7",
-    "postcss-loader": "^6.2.1",
-    "prettier": "^2.5.1",
-    "release-it": "^14.12.5",
-    "sass": "^1.49.9",
-    "sass-loader": "^12.6.0",
-    "style-loader": "^3.3.1",
-    "stylelint": "^14.5.3",
-    "stylelint-config-idiomatic-order": "^8.1.0",
-    "stylelint-config-prettier-scss": "^0.0.1",
-    "stylelint-config-standard-scss": "^3.0.0",
-    "webpack": "^5.69.1",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4",
-    "zip-webpack-plugin": "^4.0.1"
+    "@popperjs/core": "^2.10.2"
   }
 }

package/rules.xml

@@ -55,7 +55,10 @@
   <after css:theme-children="#portal-column-two" css:content-children="#portal-column-two"></after>
   <drop css:theme="#portal-column-two" css:if-not-content="#portal-column-two" />
 
-
+  <before
+        css:theme-children="#portal-footer"
+        css:content=".smartweb_footer"
+  />
   <!-- Footer -->
   <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>
   <xsl:variable name="footer_portlets_count" select="count($footer_portlets)"></xsl:variable>

package/src/index.js

@@ -1 +1,17 @@
-import "./styles/main.scss"
+import "./scss/main.scss";
+
+$( document ).ready(function() {
+    $('#portal-globalnav-collapse').on('show.bs.collapse', function () {
+        document.body.classList.add('open-nav-overflow');
+        document.documentElement.classList.add('open-nav-overflow');
+    })
+    $('#portal-globalnav-collapse').on('hidden.bs.collapse', function () {
+        document.body.classList.remove('open-nav-overflow');
+        document.documentElement.classList.remove('open-nav-overflow');
+    })
+
+    // For custom slider
+    // var newsSwiper = $('.sectionnews .swiper')[0].swiper
+    // newsSwiper.params.spaceBetween=30;
+    // newsSwiper.update();
+});

package/src/scss/_breadcrum.scss

@@ -0,0 +1,56 @@
+// *// BREADCRUMBS //* //
+#portal-breadcrumbs {
+  position: relative;
+  margin-bottom: 0;
+  background-color: $breadcrumb-bg;
+  @if $enable-full-width-breacrumb {
+    &::after {
+      @include full-width;
+
+      background: $breadcrumb-bg;
+    }
+  }
+
+  .container {
+    padding: 0;
+  }
+
+  .breadcrumb {
+    background-color: transparent;
+
+    .breadcrumb-item {
+      & + .breadcrumb-item {
+        padding-left: 0;
+      }
+
+      a {
+        text-decoration: none;
+      }
+
+      &::before {
+        padding-right: 0.25rem;
+        padding-left: 0.25rem;
+        content: ">";
+        float: right;
+      }
+
+      &:last-child::before {
+        content: "";
+      }
+    }
+  }
+}
+
+.section-home-page {
+  #plone-breadcrumb {
+    display: none;
+  }
+}
+
+// cacher le breadcrumb à la racine du site
+.section-home-page-bla nav#portal-breadcrumbs,
+.portaltype-imio-smartweb-portalpage #portal-breadcrumbs {
+  display: none;
+}
+
+// --- //

package/src/scss/_edition.scss

@@ -0,0 +1,4 @@
+/* correctif navigation de gestion en mode contenu (couper copier coller) s'affiche devant le menu principal) */
+#content-core .pat-structure .navbar.ui-offset-parent {
+  z-index: 0;
+}

package/src/scss/_fonts.scss

@@ -0,0 +1,21 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $font-family-title;
+  color: $font-title-color;
+  font-weight:$font-title-weight;
+}
+
+@if $enable-title-uppercase {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    text-transform: uppercase;
+  }
+}

package/src/scss/_general.scss

@@ -0,0 +1,118 @@
+ul {
+    padding-left: 0;
+}
+.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: 95%;
+}
+
+.contact_gallery {
+    img {
+        max-width: 100%;
+    }
+}
+
+// affichage horraire
+.section-contact .table_schedule {
+	display: none;
+}
+.schedule .opening_informations:after{
+    content: "";
+    width: 9px;
+    height: 6px;
+    display: block;
+    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>');
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-left: .4rem;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+//Cacher le bouton téléverser et l’afficher là ou il est utile
+#content .navbar a#btn-upload {
+    visibility: hidden;
+ }
+ 
+.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
+.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
+.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload{
+   visibility: visible;
+}
+
+// Aligner le logo et le titre sur les sous-sites
+.subsite-container #subsite-logo a {
+    display: flex;
+    align-items: center;
+}
+
+.select2-results .select2-highlighted {
+    background: #f9f9f9;
+ }
+ 
+// delete description for react view ( check to later )
+.portaltype-imio-smartweb-directoryview,.portaltype-imio-smartweb-newsview,.section-agenda{
+    article{
+        header{
+            display: none;
+        }
+    }
+}
+
+// img placeholder
+
+.r-item-img-placeholder{
+    background: $img-placeholder;
+    background-size: cover;
+    background-position: center;
+}
+
+.block-menu-element .newsImage.no-image {
+    background: $img-placeholder;
+    background-size: cover;
+    background-position: center;
+}
+
+// Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
+
+.section-contact .contact_informations a {
+    display: block;
+ }
+.userrole-authenticated.template-edit #content-core .edit .form-label {
+    font-weight: 600;
+}
+.linkTypes a#tinymce-autotoc-autotoc-1 {
+    display: none;
+ }
+ 
+// backoffie icon
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1%;
+}
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text{
+    width:100%;
+}
+
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
+    position: relative;
+    flex-basis: 15%;
+    padding: 0.75rem;
+    text-align: center;
+}
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
+    width: auto;
+    height: 2.5rem;
+}
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size:14px;
+}
+.mb-ign-mode-liste-carte{
+    z-index:0;
+}

package/src/scss/_header.scss

@@ -0,0 +1,140 @@
+#portal-globalnav-wrapper {
+  background: transparent;
+}
+.portaltype-imio-smartweb-portalpage #portal-breadcrumbs {
+  display: none;
+}
+#portal-header {
+  display: block;
+  margin-top: 0;
+  #portal-header-top {
+    @include media-breakpoint-down(lg) {
+      justify-content: space-between;
+    }
+    position: relative;
+    z-index: 2;
+    // display: grid;
+    // grid-template-columns: 115px 1fr auto !important;
+    // grid-template-areas: "logo menu link";
+    display: flex;
+    align-items: center;
+    padding: $header-top-padding;
+    @if $header-center-nav {
+      justify-content: space-between;
+      #portal-globalnav-wrapper {
+        margin-right: 0 !important;
+      }
+    }
+    &:after {
+      content: "";
+      position: absolute;
+      width: 100vw;
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50vw);
+      z-index: -1;
+      background: $header-top-background;
+    }
+    #portal-logo {
+      max-width: $main-logo-max-width;
+      margin-top: 0;
+      img {
+        max-width: 100%;
+      }
+    }
+    #portal-globalnav-wrapper {
+      margin: $header-nav-margin;
+    }
+
+    #header-links {
+      display: flex;
+      align-items: center;
+      gap: 26px;
+      @include media-breakpoint-up(lg) {
+        margin-left: auto;
+      }
+      @include media-breakpoint-down(lg) {
+        order: -2;
+      }
+      #header-actions {
+        @include media-breakpoint-down(lg) {
+          display: none !important;
+        }
+      }
+      a,
+      span {
+        color: $header-links-color;
+      }
+      .account {
+        margin: $header-links-account-margin;
+        padding: $header-links-account-padding;
+        border: $header-links-account-border;
+        background: $header-links-account-bg;
+        &:hover,
+        &:focus {
+          border: $header-links-account-hover-border;
+          background: $header-links-account-hover-bg;
+          color: $header-links-account-hover-color !important;
+        }
+      }
+      #search-link {
+        cursor: pointer;
+        a {
+          width: 46px;
+          height: 46px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border: 1px solid #c1c1c1;
+          border-radius: 50px;
+          &:before {
+            content: "";
+            width: 14px;
+            height: 14px;
+            background: $header-search-icon no-repeat;
+            background-size: 14px;
+            display: block;
+          }
+        }
+      }
+    }
+  }
+}
+
+header#content-header {
+
+}
+
+@include media-breakpoint-down(lg) {
+  .navbar-expand-md .navbar-toggler {
+    display: block !important;
+  }
+}
+
+// .subsite-container{   ---------------------- POURQUOI clip ???
+//     grid-area: sub;
+//     overflow-x: clip;
+//   }
+
+// MASK
+
+.mask-menu {
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  background-color: $nav-mask-background;
+  opacity: 0;
+  transition: opacity 0.05s, visibility 0s linear 0.25s;
+  visibility: hidden;
+
+  &.in {
+    opacity: 1;
+    transition: opacity 0.2s ease, visibility 0s;
+    visibility: visible;
+  }
+}

package/src/scss/_mixin.scss

@@ -0,0 +1,50 @@
+@mixin full-width {
+    content: "";
+    position: absolute;
+    width: 100vw;
+    top: 0;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50vw);
+    z-index: -1;
+}
+
+@mixin last-item-no-margin-bottom {
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+@mixin first-item-no-margin-top {
+    &:first-child {
+        margin-top: 0;
+    }
+}
+@mixin ul-rm-padding {
+    padding-left: 0;
+}
+@mixin section-padding-top {
+    padding-top: map-get($section-padding, sm);
+    @include media-breakpoint-up(md) {
+        padding-top: map-get($section-padding, md);
+    }
+    @include media-breakpoint-up(lg) {
+        padding-top: map-get($section-padding, lg);
+    }
+}
+@mixin section-padding-bottom {
+    padding-bottom: map-get($section-padding, sm);
+    @include media-breakpoint-up(md) {
+        padding-bottom: map-get($section-padding, md);
+    }
+    @include media-breakpoint-up(lg) {
+        padding-bottom: map-get($section-padding, lg);
+    }
+}
+
+@mixin fit-cover {
+    position: absolute;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+    object-position: top;
+}

package/src/scss/_print.scss

@@ -0,0 +1,9 @@
+@media print {
+  #content-header {
+    display: none;
+  }
+
+  #portal-footer-wrapper {
+    display: none;
+  }
+}