Issue #3418880 by agami4: Change Twitter logo

assets/css/hero--sky.css

@@ -83,6 +83,14 @@
   font-size: 1.25rem;
 }
 
+.socialblue--sky .hero__banner .shariff.card__block .orientation-horizontal .shariff-button.twitter a {
+  background: url("../../components/04-organisms/hero/icons/icon-twitter-x.svg") no-repeat center/40px 40px;
+}
+
+.socialblue--sky .hero__banner .shariff.card__block .orientation-horizontal .shariff-button.twitter a .fab {
+  display: none;
+}
+
 .socialblue--sky .hero__banner .hero-footer__list ul:not(.dropdown-menu),
 .socialblue--sky .hero__banner .hero__info-list {
   margin: 0;

components/04-organisms/hero/hero--sky.scss

@@ -80,6 +80,18 @@
         .fa-facebook-f {
           font-size: 1.25rem;
         }
+
+        .shariff-button {
+          &.twitter {
+            a {
+              background: url('../../components/04-organisms/hero/icons/icon-twitter-x.svg') no-repeat center/40px 40px;
+
+              .fab {
+                display: none;
+              }
+            }
+          }
+        }
       }
     }
 

components/04-organisms/hero/icons/icon-twitter-x.svg

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<polygon points="24.89,23.01 57.79,66.99 65.24,66.99 32.34,23.01 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 45 0 L 45 0 C 20.147 0 0 20.147 0 45 v 0 c 0 24.853 20.147 45 45 45 h 0 c 24.853 0 45 -20.147 45 -45 v 0 C 90 20.147 69.853 0 45 0 z M 56.032 70.504 L 41.054 50.477 L 22.516 70.504 h -4.765 L 38.925 47.63 L 17.884 19.496 h 16.217 L 47.895 37.94 l 17.072 -18.444 h 4.765 L 50.024 40.788 l 22.225 29.716 H 56.032 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file