diff --git a/packages/Layout/footer-client/src/_footer-client-item.scss b/packages/Layout/footer-client/src/_footer-client-item.scss deleted file mode 100644 index bdca3ae08..000000000 --- a/packages/Layout/footer-client/src/_footer-client-item.scss +++ /dev/null @@ -1,7 +0,0 @@ -.af-footer-client__column-item { - margin-bottom: 25px; -} - -.af-footer-client__column-link { - color: $color-white; -} diff --git a/packages/Layout/footer-client/src/_footer-client-list.scss b/packages/Layout/footer-client/src/_footer-client-list.scss deleted file mode 100644 index bde5fd371..000000000 --- a/packages/Layout/footer-client/src/_footer-client-list.scss +++ /dev/null @@ -1,22 +0,0 @@ -.af-footer-client__top-container { - display: flex; -} - -.af-footer-client__column { - flex-grow: 1; -} - -.af-footer-client__column-title { - font-size: 16px; - font-weight: bold; - letter-spacing: 0; - text-align: left; - text-transform: uppercase; - margin-bottom: 25px; - color: $color-white; -} - -.af-footer-client__column-items { - list-style: none; - padding: 0; -} diff --git a/packages/Layout/footer-client/src/_language-selection.scss b/packages/Layout/footer-client/src/_language-selection.scss deleted file mode 100644 index 7b046db13..000000000 --- a/packages/Layout/footer-client/src/_language-selection.scss +++ /dev/null @@ -1,63 +0,0 @@ -.af-languageSelection { - display: inline-block; -} - -.af-languageSelection__title { - font-size: 14px; - font-weight: bold; - letter-spacing: 0; - text-align: left; - text-transform: uppercase; - display: inline-block; - margin-bottom: 0; - color: $color-white; -} - -.af-languageSelection__list { - list-style: none; - padding: 0; - display: inline-block; - margin-left: 20px; - margin-bottom: 0; -} - -.af-languageSelection__item { - display: inline-block; - font-size: 14px; - font-weight: bold; - letter-spacing: 0; - text-align: left; - text-transform: uppercase; - color: rgba(255, 255, 255, 0.5); - cursor: pointer; - border-right: 2px solid $color-white; - padding: 0 20px; - - &:last-child { - border: none; - } - - &--active { - .af-languageSelection__item-button { - color: $color-white; - } - } - - &:hover { - color: $color-white; - } -} - -.af-languageSelection__item-button { - background: none; - border: none; - display: inline-block; - font-size: 14px; - font-weight: bold; - letter-spacing: 0; - text-align: left; - text-transform: uppercase; - color: rgba(255, 255, 255, 0.5); - cursor: pointer; - padding: 0 20px; -} diff --git a/packages/Layout/footer-client/src/_social-network.scss b/packages/Layout/footer-client/src/_social-network.scss deleted file mode 100644 index 2f8594f98..000000000 --- a/packages/Layout/footer-client/src/_social-network.scss +++ /dev/null @@ -1,17 +0,0 @@ -.social-network__list { - list-style: none; - display: flex; - padding: 0; -} - -.social-network__item { - flex-grow: 1; -} - -.social-network__link { - color: $color-white; -} - -.social-network__icon { - font-size: 25px; -} diff --git a/packages/Layout/footer-client/src/footer-client.scss b/packages/Layout/footer-client/src/footer-client.scss index e9ee6eaba..e5044f8df 100644 --- a/packages/Layout/footer-client/src/footer-client.scss +++ b/packages/Layout/footer-client/src/footer-client.scss @@ -1,9 +1,5 @@ @import '@axa-fr/react-toolkit-core/src/common/scss/core.scss'; -@import '_footer-client-item'; -@import '_footer-client-list'; -@import '_language-selection'; - .social-network__list { list-style: none; display: flex; @@ -56,3 +52,98 @@ color: $color-white; line-height: 25px; } + +.af-footer-client__column-item { + margin-bottom: 25px; +} + +.af-footer-client__column-link { + color: $color-white; +} + +.af-footer-client__top-container { + display: flex; +} + +.af-footer-client__column { + flex-grow: 1; +} + +.af-footer-client__column-title { + font-size: 16px; + font-weight: bold; + letter-spacing: 0; + text-align: left; + text-transform: uppercase; + margin-bottom: 25px; + color: $color-white; +} + +.af-footer-client__column-items { + list-style: none; + padding: 0; +} + +.af-languageSelection { + display: inline-block; +} + +.af-languageSelection__title { + font-size: 14px; + font-weight: bold; + letter-spacing: 0; + text-align: left; + text-transform: uppercase; + display: inline-block; + margin-bottom: 0; + color: $color-white; +} + +.af-languageSelection__list { + list-style: none; + padding: 0; + display: inline-block; + margin-left: 20px; + margin-bottom: 0; +} + +.af-languageSelection__item { + display: inline-block; + font-size: 14px; + font-weight: bold; + letter-spacing: 0; + text-align: left; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + cursor: pointer; + border-right: 2px solid $color-white; + padding: 0 20px; + + &:last-child { + border: none; + } + + &--active { + .af-languageSelection__item-button { + color: $color-white; + } + } + + &:hover { + color: $color-white; + } +} + +.af-languageSelection__item-button { + background: none; + border: none; + display: inline-block; + font-size: 14px; + font-weight: bold; + letter-spacing: 0; + text-align: left; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + cursor: pointer; + padding: 0 20px; +} diff --git a/scripts/style.js b/scripts/style.js index 50cb8902c..11312831c 100644 --- a/scripts/style.js +++ b/scripts/style.js @@ -84,7 +84,7 @@ const prepareStylePackages = (packagesScssfiles) => { .replace(`/${src}`, `/${dist}`)}`; const outputName = `/af-${path .basename(scssFile) - .replace(`.scss`, '.css')}`; + .replace('.scss', '.css')}`; if (!fs.existsSync(outputPath)) { fs.mkdirSync(outputPath, { recursive: true }); @@ -145,7 +145,7 @@ const setFileImport = (filePath) => { .replace('packages/', '') .replace(/\//g, '-') .toLowerCase(); - return `@import '@axa-fr/react-toolkit-${basePath}/src/${fileSplit[1]}';`; + return `@import '@axa-fr/react-toolkit-${basePath}/dist/${fileSplit[1]}';`; }; /**