diff options
Diffstat (limited to 'wp-includes/blocks/social-links/style.css')
-rw-r--r-- | wp-includes/blocks/social-links/style.css | 209 |
1 files changed, 113 insertions, 96 deletions
diff --git a/wp-includes/blocks/social-links/style.css b/wp-includes/blocks/social-links/style.css index f86085d..3c2dbe5 100644 --- a/wp-includes/blocks/social-links/style.css +++ b/wp-includes/blocks/social-links/style.css @@ -11,9 +11,6 @@ box-shadow:none; text-decoration:none; } -.wp-block-social-links .wp-social-link a{ - padding:.25em; -} .wp-block-social-links .wp-social-link svg{ height:1em; width:1em; @@ -75,322 +72,342 @@ fill:currentColor; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{ background-color:#f0f0f0; color:#444; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{ background-color:#f90; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{ background-color:#1ea0c3; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{ background-color:#0757fe; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{ + background-color:#0a7aff; + color:#fff; +} +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{ background-color:#1e1f26; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{ background-color:#02e49b; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{ background-color:#e94c89; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{ background-color:#4280ff; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{ background-color:#f45800; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{ background-color:#1778f2; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{ background-color:#000; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{ background-color:#0461dd; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{ background-color:#e65678; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{ background-color:#24292d; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{ background-color:#eceadd; color:#382110; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{ background-color:#ea4434; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{ background-color:#1d4fc4; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{ background-color:#f00075; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{ background-color:#e21b24; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{ background-color:#0d66c2; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{ background-color:#3288d4; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{ - background-color:#02ab6c; +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{ + background-color:#000; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{ background-color:#f6405f; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{ background-color:#000; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{ background-color:#e60122; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{ background-color:#ef4155; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{ background-color:#ff4500; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{ background-color:#0478d7; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{ background-color:#fefc00; color:#fff; stroke:#000; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{ background-color:#ff5600; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{ background-color:#1bd760; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{ background-color:#2aabee; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads,.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{ background-color:#000; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{ + background-color:#000; + color:#fff; +} +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{ background-color:#011835; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{ background-color:#6440a4; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{ background-color:#1da1f2; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{ background-color:#1eb7ea; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{ background-color:#4680c2; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{ background-color:#3499cd; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{ background-color:#25d366; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{ background-color:#000; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{ background-color:#d32422; color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{ +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{ background-color:red; color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{ background:none; } -.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{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{ height:1.25em; width:1.25em; } -.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{ color:#f90; } -.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{ color:#1ea0c3; } -.wp-block-social-links.is-style-logos-only .wp-social-link-behance{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{ color:#0757fe; } -.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{ + color:#0a7aff; +} +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{ color:#1e1f26; } -.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{ color:#02e49b; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{ color:#e94c89; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{ color:#4280ff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{ color:#f45800; } -.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{ color:#1778f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{ color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{ color:#0461dd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{ color:#e65678; } -.wp-block-social-links.is-style-logos-only .wp-social-link-github{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{ color:#24292d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{ color:#382110; } -.wp-block-social-links.is-style-logos-only .wp-social-link-google{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{ color:#ea4434; } -.wp-block-social-links.is-style-logos-only .wp-social-link-gravatar{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{ color:#1d4fc4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{ color:#f00075; } -.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{ color:#e21b24; } -.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{ color:#0d66c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{ color:#3288d4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-medium{ - color:#02ab6c; +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{ color:#f6405f; } -.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{ color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{ color:#e60122; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{ color:#ef4155; } -.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{ color:#ff4500; } -.wp-block-social-links.is-style-logos-only .wp-social-link-skype{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{ color:#0478d7; } -.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{ color:#fff; stroke:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{ color:#ff5600; } -.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{ color:#1bd760; } -.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{ color:#2aabee; } -.wp-block-social-links.is-style-logos-only .wp-social-link-threads,.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{ + color:#000; +} +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{ color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{ color:#011835; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{ color:#6440a4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{ color:#1da1f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{ color:#1eb7ea; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vk{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{ color:#4680c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{ color:#25d366; } -.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{ color:#3499cd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-x{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{ color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{ color:#d32422; } -.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{ +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{ color:red; } .wp-block-social-links.is-style-pill-shape .wp-social-link{ width:auto; } -.wp-block-social-links.is-style-pill-shape .wp-social-link a{ + +:root :where(.wp-block-social-links .wp-social-link a){ + padding:.25em; +} + +:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){ + padding:0; +} + +:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){ padding-left:.66667em; padding-right:.66667em; } |