diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 843a082..87d2d8b 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -725,6 +725,18 @@ footer { padding-top: 0.5rem; } } +.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-instagram::before { + display: none; +} +.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-instagram::after { + content: url("../img/instagram.svg") !important; + display: block; +} +@media (max-width: 700px) { + .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-instagram::after { + padding-top: 0.5rem; + } +} .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::before { display: none; } diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.png b/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.png new file mode 100644 index 0000000..22aa58b --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.png @@ -0,0 +1,15 @@ + + + + + diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.svg new file mode 100644 index 0000000..87d0a16 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/instagram.svg @@ -0,0 +1,16 @@ + + + + + diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss index 5daec19..937aea8 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss @@ -157,8 +157,7 @@ footer{ // } .fa-linkedin::before{ - display: none; - + display: none; } .fa-3x{ font-size: 2.3em; @@ -171,6 +170,17 @@ footer{ padding-top: 0.5rem; } } + .fa-instagram::before{ + display: none; + } + .fa-instagram::after{ + content: url('../img/instagram.svg') !important; + display: block; + // width: 55px; + @media(max-width: 700px){ + padding-top: 0.5rem; + } + } .fa-youtube::before{ display: none;