diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/social-links/style.css --- a/wp/wp-includes/blocks/social-links/style.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/social-links/style.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-left: 0; padding-right: 0; text-indent: 0; margin-left: 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 8px 4px 0; -} .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-left: 0.5em; + margin-right: 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;