Update WordPress to 5.2

This commit is contained in:
Oliver Davies 2019-05-08 08:05:39 +01:00
parent 489b5a5914
commit e00f87f2f5
599 changed files with 119573 additions and 55990 deletions

View file

@ -28,6 +28,9 @@
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
@ -39,7 +42,7 @@
width: 100%;
min-width: 300px; }
.editor-block-list__layout .reusable-block-edit-panel {
.block-editor-block-list__layout .reusable-block-edit-panel {
align-items: center;
background: #f8f9f9;
color: #555d66;
@ -52,38 +55,45 @@
margin: 0 -14px;
padding: 8px 14px;
position: relative;
z-index: 7; }
.editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel {
border: 1px dashed rgba(145, 151, 162, 0.25);
border-bottom: none; }
.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel {
margin: 0 -14px;
padding: 8px 14px; }
.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
margin: 0 5px; }
.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
margin-left: auto; }
.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
margin-left: 8px;
white-space: nowrap;
font-weight: 600; }
.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
flex: 1 1 100%;
font-size: 14px;
height: 30px;
margin: 4px 0 8px; }
.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
flex-shrink: 0; }
@media (min-width: 960px) {
.editor-block-list__layout .reusable-block-edit-panel {
.block-editor-block-list__layout .reusable-block-edit-panel {
flex-wrap: nowrap; }
.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
margin: 0; }
.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
margin: 0 5px 0 0; } }
.editor-block-list__layout .reusable-block-indicator {
.editor-block-list__layout .is-selected .reusable-block-edit-panel {
border-color: rgba(66, 88, 99, 0.4);
border-right-color: transparent; }
.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel {
border-color: rgba(255, 255, 255, 0.45);
border-right-color: transparent; }
.block-editor-block-list__layout .reusable-block-indicator {
background: #fff;
border-right: 1px dashed #e2e4e7;
border: 1px dashed #e2e4e7;
color: #555d66;
border-bottom: 1px dashed #e2e4e7;
top: -14px;
height: 30px;
padding: 4px;
@ -113,9 +123,8 @@
padding: 12px 24px;
text-align: center;
text-decoration: none;
white-space: normal;
overflow-wrap: break-word; }
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active {
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
color: inherit; }
.is-style-squared .wp-block-button__link {
@ -124,9 +133,32 @@
.is-style-outline {
color: #32373c; }
.is-style-outline .wp-block-button__link {
background: transparent;
background-color: transparent;
border: 2px solid currentcolor; }
.wp-block-calendar {
text-align: center; }
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 4px;
border: 1px solid #e2e4e7; }
.wp-block-calendar tfoot td {
border: none; }
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.wp-block-calendar table th {
font-weight: 440;
background: #edeff0; }
.wp-block-calendar a {
text-decoration: underline; }
.wp-block-calendar tfoot a {
color: #00739c; }
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d; }
.wp-block-categories.alignleft {
margin-right: 2em; }
@ -141,7 +173,7 @@
flex-wrap: nowrap; } }
.wp-block-column {
flex: 1;
flex-grow: 1;
margin-bottom: 1em;
flex-basis: 100%;
min-width: 0;
@ -149,17 +181,13 @@
overflow-wrap: break-word; }
@media (min-width: 600px) {
.wp-block-column {
flex-basis: 50%;
flex-grow: 0; } }
@media (min-width: 600px) {
.wp-block-column:nth-child(odd) {
margin-left: 32px; }
.wp-block-column:nth-child(even) {
margin-right: 32px; }
flex-basis: calc(50% - 16px);
flex-grow: 0; }
.wp-block-column:nth-child(even) {
margin-right: 32px; } }
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-right: 32px; }
.wp-block-column:not(:last-child) {
margin-left: 32px; } }
margin-right: 32px; } }
.wp-block-cover-image,
.wp-block-cover {
@ -303,6 +331,28 @@
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex; }
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #f8f9f9; }
.wp-block-cover-image p,
.wp-block-cover-image h1,
.wp-block-cover-image h2,
.wp-block-cover-image h3,
.wp-block-cover-image h4,
.wp-block-cover-image h5,
.wp-block-cover-image h6,
.wp-block-cover-image .wp-block-subhead,
.wp-block-cover p,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6,
.wp-block-cover .wp-block-subhead {
color: inherit; }
.wp-block-cover__video-background {
position: absolute;
@ -315,8 +365,8 @@
-o-object-fit: cover;
object-fit: cover; }
.editor-block-list__block[data-type="core/embed"][data-align="left"] .editor-block-list__block-edit,
.editor-block-list__block[data-type="core/embed"][data-align="right"] .editor-block-list__block-edit,
.block-editor-block-list__block[data-type="core/embed"][data-align="left"] .block-editor-block-list__block-edit,
.block-editor-block-list__block[data-type="core/embed"][data-align="right"] .block-editor-block-list__block-edit,
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
@ -449,11 +499,11 @@
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 5px;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 60%, transparent); }
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline; }
@ -486,26 +536,50 @@
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2) / 3);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2) / 3 - 1px); } }
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3) / 4);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3) / 4 - 1px); } }
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4) / 5);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4) / 5 - 1px); } }
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5) / 6);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5) / 6 - 1px); } }
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6) / 7);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6) / 7 - 1px); } }
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7) / 8);
margin-left: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7) / 8 - 1px); } }
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-left: 0; }
@ -689,19 +763,19 @@
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
grid-template-areas: "media-text-content" "media-text-media"; } }
p.is-small-text {
.is-small-text {
font-size: 14px; }
p.is-regular-text {
.is-regular-text {
font-size: 16px; }
p.is-large-text {
.is-large-text {
font-size: 36px; }
p.is-larger-text {
.is-larger-text {
font-size: 48px; }
p.has-drop-cap:not(:focus)::first-letter {
.has-drop-cap:not(:focus)::first-letter {
float: right;
font-size: 8.4em;
line-height: 0.68;
@ -710,7 +784,7 @@ p.has-drop-cap:not(:focus)::first-letter {
text-transform: uppercase;
font-style: normal; }
p.has-drop-cap:not(:focus)::after {
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
@ -774,6 +848,48 @@ p.has-text-color a {
font-size: 18px;
text-align: left; }
.wp-block-rss.alignleft {
margin-right: 2em; }
.wp-block-rss.alignright {
margin-left: 2em; }
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none; }
.wp-block-rss.is-grid li {
margin: 0 0 16px 16px;
width: 100%; }
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 16px); }
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 16px); }
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 16px); }
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 16px); }
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 16px); } }
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
color: #6c7781;
font-size: 13px; }
.wp-block-search {
display: flex;
flex-wrap: wrap; }
.wp-block-search .wp-block-search__label {
width: 100%; }
.wp-block-search .wp-block-search__input {
flex-grow: 1; }
.wp-block-search .wp-block-search__button {
margin-right: 10px; }
.wp-block-separator.is-style-wide {
border-bottom-width: 1px; }
@ -805,12 +921,33 @@ p.wp-block-subhead {
display: table;
width: auto; }
.wp-block-table.has-subtle-light-gray-background-color {
background-color: #f3f4f5; }
.wp-block-table.has-subtle-pale-green-background-color {
background-color: #e9fbe5; }
.wp-block-table.has-subtle-pale-blue-background-color {
background-color: #e7f5fe; }
.wp-block-table.has-subtle-pale-pink-background-color {
background-color: #fcf0ef; }
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f3f4f5; }
.wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #f3f4f5; }
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd) {
background-color: #f3f4f5; }
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd) {
background-color: #e9fbe5; }
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd) {
background-color: #e7f5fe; }
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd) {
background-color: #fcf0ef; }
.wp-block-table.is-style-stripes td {
border-color: transparent; }