mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-05 10:22:23 +01:00
1de40f71be
This patch, somewhat small brings a lot to WordPress. This includes features like: - DataViews. - Customization tools like box shadow, background size and repeat. - UI improvements in the site editor. - Preferences sharing between the post and site editors. - Unified panels and editors between post and site editors. - Improved template mode in the post editor. - Iterations to multiple interactive blocks. - Preparing the blocks and UI for pattern overrides. - and a lot more. Props luisherranz, gziolo, isabel_brison, costdev, jonsurrell, peterwilsoncc, get_dave, antonvlasenko, desrosj. See #60315. Built from https://develop.svn.wordpress.org/trunk@57377 git-svn-id: http://core.svn.wordpress.org/trunk@56883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
400 lines
11 KiB
CSS
400 lines
11 KiB
CSS
.wp-block-social-links{
|
|
background:none;
|
|
box-sizing:border-box;
|
|
margin-left:0;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
text-indent:0;
|
|
}
|
|
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{
|
|
border-bottom:0;
|
|
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;
|
|
}
|
|
.wp-block-social-links .wp-social-link span:not(.screen-reader-text){
|
|
font-size:.65em;
|
|
margin-left:.5em;
|
|
margin-right:.5em;
|
|
}
|
|
.wp-block-social-links.has-small-icon-size{
|
|
font-size:16px;
|
|
}
|
|
.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{
|
|
font-size:24px;
|
|
}
|
|
.wp-block-social-links.has-large-icon-size{
|
|
font-size:36px;
|
|
}
|
|
.wp-block-social-links.has-huge-icon-size{
|
|
font-size:48px;
|
|
}
|
|
.wp-block-social-links.aligncenter{
|
|
display:flex;
|
|
justify-content:center;
|
|
}
|
|
.wp-block-social-links.alignright{
|
|
justify-content:flex-end;
|
|
}
|
|
|
|
.wp-block-social-link{
|
|
border-radius:9999px;
|
|
display:block;
|
|
height:auto;
|
|
transition:transform .1s ease;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.wp-block-social-link{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.wp-block-social-link a{
|
|
align-items:center;
|
|
display:flex;
|
|
line-height:0;
|
|
transition:transform .1s ease;
|
|
}
|
|
.wp-block-social-link:hover{
|
|
transform:scale(1.1);
|
|
}
|
|
|
|
.wp-block-social-links .wp-block-social-link.wp-social-link{
|
|
display:inline-block;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{
|
|
fill:currentColor;
|
|
color:currentColor;
|
|
}
|
|
|
|
.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{
|
|
background-color:#f90;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#0757fe;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#02e49b;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#4280ff;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#1778f2;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#0461dd;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#24292d;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#ea4434;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#f00075;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#0d66c2;
|
|
color:#fff;
|
|
}
|
|
.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;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#ff424d;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#ef4155;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#0478d7;
|
|
color:#fff;
|
|
}
|
|
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{
|
|
stroke:#000;
|
|
background-color:#fefc00;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#1bd760;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#000;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#6440a4;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#1eb7ea;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#3499cd;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:#000;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
background-color:red;
|
|
color:#fff;
|
|
}
|
|
|
|
.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{
|
|
height:1.25em;
|
|
width:1.25em;
|
|
}
|
|
.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{
|
|
color:#1ea0c3;
|
|
}
|
|
.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{
|
|
color:#1e1f26;
|
|
}
|
|
.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{
|
|
color:#e94c89;
|
|
}
|
|
.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{
|
|
color:#f45800;
|
|
}
|
|
.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{
|
|
color:#000;
|
|
}
|
|
.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{
|
|
color:#e65678;
|
|
}
|
|
.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{
|
|
color:#382110;
|
|
}
|
|
.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{
|
|
color:#1d4fc4;
|
|
}
|
|
.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{
|
|
color:#e21b24;
|
|
}
|
|
.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{
|
|
color:#3288d4;
|
|
}
|
|
.wp-block-social-links.is-style-logos-only .wp-social-link-medium{
|
|
color:#02ab6c;
|
|
}
|
|
.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{
|
|
color:#ff424d;
|
|
}
|
|
.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{
|
|
color:#ef4155;
|
|
}
|
|
.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{
|
|
color:#0478d7;
|
|
}
|
|
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{
|
|
stroke:#000;
|
|
color:#fff;
|
|
}
|
|
.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{
|
|
color:#1bd760;
|
|
}
|
|
.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{
|
|
color:#000;
|
|
}
|
|
.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{
|
|
color:#6440a4;
|
|
}
|
|
.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{
|
|
color:#1eb7ea;
|
|
}
|
|
.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{
|
|
color:#25d366;
|
|
}
|
|
.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{
|
|
color:#000;
|
|
}
|
|
.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{
|
|
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{
|
|
padding-left:.66667em;
|
|
padding-right:.66667em;
|
|
}
|
|
|
|
.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{
|
|
color:#000;
|
|
} |