positioning of custom social icons fixed

BenSibley · Apr 30, 2021 · 0c5b46b · 0c5b46b
1 parent 67b669a
commit 0c5b46b
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/rtl.css b/rtl.css
@@ -759,9 +759,10 @@ li.pingback {
 }
 
 .social-media-icons {
+  display: -webkit-box;
+  display: flex;
   list-style: none;
   margin: 2.25em 0;
-  display: -webkit-box;
   display: flex;
   -webkit-box-align: center;
           align-items: center;
@@ -809,7 +810,6 @@ li.pingback {
   }
 
   .social-media-icons {
-    display: inline-block;
     float: left;
     margin: 0;
     -webkit-transition: all 0.1s ease-in-out;

diff --git a/rtl.min.css b/rtl.min.css
diff --git a/sass/_header.scss b/sass/_header.scss
@@ -27,6 +27,7 @@
   margin: 0;
 }
 .social-media-icons {
+  display: flex;
   list-style: none;
   margin: $baseline-height * 1.5 0;
   display: flex;
@@ -77,7 +78,6 @@
     line-height: 1.297; /* 48px */
   }
   .social-media-icons {
-    display: inline-block;
     float: right;
     margin: 0;
     transition: all 0.1s ease-in-out;

diff --git a/style.css b/style.css
@@ -759,9 +759,10 @@ li.pingback {
 }
 
 .social-media-icons {
+  display: -webkit-box;
+  display: flex;
   list-style: none;
   margin: 2.25em 0;
-  display: -webkit-box;
   display: flex;
   -webkit-box-align: center;
           align-items: center;
@@ -809,7 +810,6 @@ li.pingback {
   }
 
   .social-media-icons {
-    display: inline-block;
     float: right;
     margin: 0;
     -webkit-transition: all 0.1s ease-in-out;

diff --git a/style.css.map b/style.css.map
diff --git a/style.min.css b/style.min.css