wp/wp-includes/blocks/social-links/style-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
--- a/wp/wp-includes/blocks/social-links/style-rtl.css	Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-includes/blocks/social-links/style-rtl.css	Tue Sep 27 16:37:53 2022 +0200
@@ -41,6 +41,12 @@
  * These variables do not appear to be used anywhere else.
  */
 /**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
  * Breakpoint mixins
  */
 /**
@@ -69,12 +75,11 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-social-links {
-  display: flex;
-  flex-wrap: wrap;
   padding-right: 0;
   padding-left: 0;
   text-indent: 0;
   margin-right: 0;
+  background: none;
 }
 .wp-block-social-links .wp-social-link a,
 .wp-block-social-links .wp-social-link a:hover {
@@ -82,9 +87,6 @@
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
-  margin: 4px 0 4px 8px;
-}
 .wp-block-social-links .wp-social-link a {
   padding: 0.25em;
 }
@@ -92,6 +94,11 @@
   width: 1em;
   height: 1em;
 }
+.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
+  margin-right: 0.5em;
+  margin-left: 0.5em;
+  font-size: 0.65em;
+}
 .wp-block-social-links.has-small-icon-size {
   font-size: 16px;
 }
@@ -125,7 +132,8 @@
   }
 }
 .wp-block-social-link a {
-  display: block;
+  align-items: center;
+  display: flex;
   line-height: 0;
   transition: transform 0.1s ease;
 }
@@ -303,7 +311,13 @@
 
 .wp-block-social-links.is-style-logos-only .wp-social-link {
   background: none;
-  padding: 4px;
+}
+.wp-block-social-links.is-style-logos-only .wp-social-link a {
+  padding: 0;
+}
+.wp-block-social-links.is-style-logos-only .wp-social-link svg {
+  width: 1.25em;
+  height: 1.25em;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
   color: #f90;