HPC-9255: Use revamped CD Social links instead of custom version

.docksal/docksal.env

@@ -1,4 +1,4 @@
 DOCKSAL_STACK=default
 DOCROOT=html
-DB_IMAGE="docksal/mysql:8.0-2.0"
+DB_IMAGE="docksal/mariadb:10.6"
 CLI_IMAGE="docksal/cli:php8.2"

html/themes/custom/common_design_subtheme/common_design_subtheme.libraries.yml

@@ -84,12 +84,6 @@ ghi-section-teaser:
   css:
     theme:
       components/ghi-section-teaser/ghi-section-teaser.css: {}
-ghi-social-links:
-  css:
-    theme:
-      components/ghi-social-links/ghi-social-links.css: {}
-  js:
-    components/ghi-social-links/ghi-social-links.js: {}
 ghi-tab-container:
   css:
     theme:

html/themes/custom/common_design_subtheme/components/ghi-link-carousel/ghi-link-carousel.css

@@ -53,7 +53,7 @@
   max-width: unset;
 }
 
-.link-carousel-wrapper .slide-navigation-wrapper .slide-navigation:last-child:after {
+.link-carousel-wrapper .slide-navigation-wrapper .slide-navigation:last-child::after {
   content: none;
 }
 .link-carousel-wrapper .slide-navigation-wrapper .swiper-button-prev,
@@ -131,7 +131,7 @@
     margin: 2rem 0 3rem;
     padding-right: 3rem;
   }
-  .link-carousel-wrapper .slide-details-wrapper .slide-details > div.description:before {
+  .link-carousel-wrapper .slide-details-wrapper .slide-details > div.description::before {
     position: absolute;
     top: 5px;
     left: -2rem;
@@ -143,7 +143,7 @@
   .link-carousel-wrapper .slide-navigation-wrapper {
     padding: 0 7rem;
   }
-  .link-carousel-wrapper .slide-navigation-wrapper .slide-navigation:after {
+  .link-carousel-wrapper .slide-navigation-wrapper .slide-navigation::after {
     position: absolute;
     top: 50%;
     right: -1px;

html/themes/custom/common_design_subtheme/components/ghi-table-search/ghi-table-search.css

@@ -9,7 +9,7 @@
   border-radius: 1rem;
 }
 
-.table-search-input-wrapper:before {
+.table-search-input-wrapper::before {
   position: absolute;
   z-index: 1;
   top: calc(50% - 10px);

html/themes/custom/common_design_subtheme/components/gho-footnotes/gho-footnotes.css

@@ -29,10 +29,10 @@
   display: inline;
 }
 /* @todo check if it's also fine to decorate the number like that in Arabic. */
-.gho-footnote-reference span:before {
+.gho-footnote-reference span::before {
   content: "[";
 }
-.gho-footnote-reference span:after {
+.gho-footnote-reference span::after {
   content: "]";
 }
 .gho-footnote {

html/themes/custom/common_design_subtheme/components/gho-interactive-content/gho-interactive-content.css

@@ -24,7 +24,7 @@
 /**
  * Support for 2-col interactive content.
  */
- .layout--twocol--interactive-content {
+.layout--twocol--interactive-content {
   display: flex;
   flex-wrap: wrap;
 }

html/themes/custom/common_design_subtheme/sass/base/_button.scss

@@ -28,7 +28,7 @@
     padding-right: 2.5rem;
     color: var(--ghi-default-text-color);
 
-    &:before {
+    &::before {
       position: absolute;
       top: calc(50% - 10px);
       right: 1rem;
@@ -42,13 +42,13 @@
     margin-bottom: 2rem;
   }
 
-  &.expand-table:before {
+  &.expand-table::before {
     background-image: url("https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/arrow_downward/default/20px.svg");
   }
-  &.read-more:before {
+  &.read-more::before {
     background-image: url("https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/arrow_forward/default/20px.svg");
   }
-  &.external:before {
+  &.external::before {
     background-image: url("https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/open_in_new/default/20px.svg");
   }
 }
@@ -92,7 +92,7 @@ button.btn--download {
     fill: var(--ghi-default-text-color);
   }
 
-  &:before {
+  &::before {
     position: absolute;
     top: calc(50% - 10px);
     left: 1rem;

html/themes/custom/common_design_subtheme/sass/component-overrides/_cd-social-links.scss

@@ -0,0 +1,3 @@
+.cd-social-links svg {
+  fill: #1f1f1f;
+}

html/themes/custom/common_design_subtheme/sass/component-overrides/_component-overrides.scss

@@ -1,7 +1,7 @@
 @import "cd-page-title";
 @import "cd-tag";
 @import "cd-teaser";
-@import "ghi-social-links";
+@import "cd-social-links";
 @import "gho-footnotes";
 @import "gho-related-articles";