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,43 @@
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.components-animate__appear {
animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-animate__appear {
animation-duration: 1ms !important; } }
.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left {
transform-origin: top right; }
.components-animate__appear.is-from-top.is-from-right {
transform-origin: top left; }
.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left {
transform-origin: bottom right; }
.components-animate__appear.is-from-bottom.is-from-right {
transform-origin: bottom left; }
@keyframes components-animate__appear-animation {
from {
transform: translateY(-2em) scaleY(0) scaleX(0); }
to {
transform: translateY(0%) scaleY(1) scaleX(1); } }
.components-animate__slide-in {
animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-animate__slide-in {
animation-duration: 1ms !important; } }
.components-animate__slide-in.is-from-left {
transform: translateX(-100%); }
@keyframes components-animate__slide-in-animation {
100% {
transform: translateX(0%); } }
.components-autocomplete__popover .components-popover__content {
min-width: 200px; }
@ -49,18 +86,21 @@
flex-grow: 1;
flex-shrink: 0;
align-items: center;
padding: 6px;
padding: 6px 8px;
margin-right: -3px;
margin-left: -3px;
text-align: right; }
.components-autocomplete__result.components-button.is-selected {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-autocomplete__result.components-button:hover {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); }
border: none;
box-shadow: none;
background: #f3f4f5; }
.components-base-control {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@ -74,8 +114,10 @@
margin-bottom: 4px; }
.components-base-control .components-base-control__help {
margin-top: -8px;
font-style: italic;
margin-bottom: 0; }
font-style: italic; }
.components-base-control + .components-base-control {
margin-bottom: 16px; }
.components-button-group {
display: inline-block; }
@ -368,7 +410,7 @@
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-button.is-busy {
.components-button.is-busy, .components-button.is-default.is-busy, .components-button.is-default.is-busy:disabled, .components-button.is-default.is-busy[aria-disabled="true"] {
animation: components-button__busy-animation 2500ms infinite linear;
background-size: 100px 100%;
background-image: repeating-linear-gradient(45deg, #e2e4e7, #fff 11px, #fff 10px, #e2e4e7 20px);
@ -425,6 +467,8 @@
color: rgb(49, 95, 116); }
body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(0, 93, 140); }
.components-button .screen-reader-text {
height: auto; }
@keyframes components-button__busy-animation {
0% {
@ -443,10 +487,12 @@
margin-right: 0.5rem; }
.components-color-palette {
margin-left: -14px; }
.components-color-palette .components-color-palette__clear {
float: left;
margin-left: 20px; }
margin-left: -14px;
width: calc(100% + 14px); }
.components-color-palette .components-color-palette__custom-clear-wrapper {
width: calc(100% - 14px);
display: flex;
justify-content: flex-end; }
.components-color-palette__item-wrapper {
display: inline-block;
@ -475,7 +521,13 @@
transition: 100ms box-shadow ease;
cursor: pointer; }
.components-color-palette__item.is-active {
box-shadow: inset 0 0 0 4px; }
box-shadow: inset 0 0 0 4px;
position: relative;
z-index: 1; }
.components-color-palette__item.is-active + .dashicons-saved {
position: absolute;
right: 4px;
top: 4px; }
.components-color-palette__item::after {
content: "";
position: absolute;
@ -489,13 +541,15 @@
outline: none; }
.components-color-palette__item:focus::after {
content: "";
border: 1px solid #606a73;
position: absolute;
border: 2px solid #606a73;
width: 32px;
height: 32px;
position: absolute;
top: -2px;
right: -2px;
border-radius: 50%; }
border-radius: 50%;
box-shadow: inset 0 0 0 2px #fff; }
.components-color-palette__clear-color .components-color-palette__item {
color: #fff;
@ -520,33 +574,10 @@
border-bottom: 2px solid #d94f4f;
transform: rotate(-45deg) translateY(-13px) translateX(1px); }
.components-color-palette__custom-color .components-color-palette__item {
position: relative;
box-shadow: none; }
.components-color-palette__custom-color .components-color-palette__custom-color-gradient {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 50%;
overflow: hidden; }
.components-color-palette__custom-color .components-color-palette__custom-color-gradient::before {
content: "";
filter: blur(6px) saturate(0.7) brightness(1.1);
display: block;
width: 200%;
height: 200%;
position: absolute;
top: -50%;
right: -50%;
padding-top: 100%;
transform: scale(1);
background-image: linear-gradient(-330deg, transparent 50%, #ff8100 50%), linear-gradient(-300deg, transparent 50%, #ff5800 50%), linear-gradient(-270deg, transparent 50%, #c92323 50%), linear-gradient(-240deg, transparent 50%, #cc42a2 50%), linear-gradient(-210deg, transparent 50%, #9f49ac 50%), linear-gradient(-180deg, transparent 50%, #306cd3 50%), linear-gradient(-150deg, transparent 50%, #179067 50%), linear-gradient(-120deg, transparent 50%, #0eb5d6 50%), linear-gradient(-90deg, transparent 50%, #50b517 50%), linear-gradient(-60deg, transparent 50%, #ede604 50%), linear-gradient(-30deg, transparent 50%, #fc0 50%), linear-gradient(0deg, transparent 50%, #feac00 50%);
background-clip: content-box, content-box, content-box, content-box, content-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box; }
.components-color-palette__custom-color {
margin-left: 16px; }
.components-color-palette__custom-color .components-button {
line-height: 22px; }
.block-editor__container .components-popover.components-color-palette__picker.is-bottom {
z-index: 100001; }
@ -721,6 +752,8 @@
align-items: flex-end; }
.components-color-picker__inputs-wrapper fieldset {
flex: 1; }
.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] {
padding: 2px; }
.components-color-picker__inputs-fields {
display: flex; }
@ -1669,8 +1702,6 @@ svg.dashicon {
border-radius: 0 4px 4px 0 !important; }
.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
border-radius: 4px 0 0 4px !important; }
.components-datetime__time.is-24-hour .components-datetime__time-field-day {
order: 0 !important; }
.components-datetime__time-legend {
font-weight: 600;
@ -1865,13 +1896,90 @@ body.is-dragging-components-draggable {
margin: -0.2em 0.1em 0;
vertical-align: middle; }
.components-focal-point-picker-wrapper {
background-color: transparent;
border: 1px solid #e2e4e7;
height: 200px;
width: 100%;
padding: 14px; }
.components-focal-point-picker {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%; }
.components-focal-point-picker img {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.components-focal-point-picker__icon_container {
background-color: transparent;
cursor: -webkit-grab;
cursor: grab;
height: 30px;
opacity: 0.8;
position: absolute;
will-change: transform;
width: 30px;
z-index: 10000; }
.components-focal-point-picker__icon_container.is-dragging {
cursor: -webkit-grabbing;
cursor: grabbing; }
.components-focal-point-picker__icon {
display: block;
height: 100%;
right: -15px;
position: absolute;
top: -15px;
width: 100%; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
fill: #fff; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #0085ba; }
body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #d1864a; }
body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #a3b9a2; }
body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #e14d43; }
body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #a7b656; }
body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #c2a68c; }
body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #82b4cb; }
body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #0085ba; }
.components-focal-point-picker_position-display-container {
margin: 1em 0;
display: flex; }
.components-focal-point-picker_position-display-container .components-base-control__field {
margin: 0 0 0 1em; }
.components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
max-width: 4em;
padding: 6px 4px; }
.components-focal-point-picker_position-display-container span {
margin: 0 0.2em 0 0; }
.components-font-size-picker__buttons {
max-width: 248px;
display: flex;
justify-content: space-between;
align-items: center; }
.components-font-size-picker__buttons .components-range-control__number {
height: 24px;
line-height: 22px; }
height: 30px;
margin-right: 0; }
.components-font-size-picker__buttons .components-range-control__number[value=""] + .components-button {
cursor: default;
opacity: 0.3;
@ -1891,6 +1999,17 @@ body.is-dragging-components-draggable {
position: absolute;
top: calc(50% - 10px);
right: 10px; }
.components-font-size-picker__dropdown-content .components-button:hover {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; }
.components-font-size-picker__dropdown-content .components-button:focus {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-font-size-picker__buttons .components-font-size-picker__selector {
border: 1px solid;
@ -1926,11 +2045,13 @@ body.is-dragging-components-draggable {
padding-right: 6px; }
.components-form-toggle {
position: relative; }
position: relative;
display: inline-block; }
.components-form-toggle .components-form-toggle__on,
.components-form-toggle .components-form-toggle__off {
position: absolute;
top: 6px; }
top: 6px;
box-sizing: border-box; }
.components-form-toggle .components-form-toggle__off {
color: #6c7781;
fill: currentColor;
@ -1940,6 +2061,7 @@ body.is-dragging-components-draggable {
.components-form-toggle .components-form-toggle__track {
content: "";
display: inline-block;
box-sizing: border-box;
vertical-align: top;
background-color: #fff;
border: 2px solid #6c7781;
@ -1950,6 +2072,7 @@ body.is-dragging-components-draggable {
.components-form-toggle .components-form-toggle__thumb {
display: block;
position: absolute;
box-sizing: border-box;
top: 4px;
right: 4px;
width: 10px;
@ -2085,7 +2208,6 @@ body.is-dragging-components-draggable {
min-height: 24px;
background: inherit;
border: 0;
font-size: 13px;
color: #23282d;
box-shadow: none; }
.components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus,
@ -2208,14 +2330,16 @@ body.is-dragging-components-draggable {
left: 0;
pointer-events: none;
outline: 4px solid transparent;
animation: editor-animation__region-focus 0.2s ease-out;
animation-fill-mode: forwards; }
box-shadow: inset 0 0 0 4px #33b3db; }
@keyframes editor-animation__region-focus {
from {
box-shadow: inset 0 0 0 0 #33b3db; }
to {
box-shadow: inset 0 0 0 4px #33b3db; } }
@supports (outline-offset: 1px) {
.components-navigate-regions.is-focusing-regions [role="region"]:focus::after {
content: none; }
.components-navigate-regions.is-focusing-regions [role="region"]:focus {
outline-style: solid;
outline-color: #33b3db;
outline-width: 4px;
outline-offset: -4px; } }
.components-icon-button {
display: flex;
@ -2234,8 +2358,8 @@ body.is-dragging-components-draggable {
.components-icon-button svg {
fill: currentColor;
outline: none; }
.components-icon-button svg:not:only-child {
margin-left: 4px; }
.components-icon-button.has-text svg {
margin-left: 4px; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
background-color: #fff;
color: #191e23;
@ -2250,16 +2374,17 @@ body.is-dragging-components-draggable {
.components-menu-group {
width: 100%;
padding: 7px; }
padding: 7px 0; }
.components-menu-group__label {
margin-bottom: 8px;
color: #6c7781; }
color: #6c7781;
padding: 0 7px; }
.components-menu-item__button,
.components-menu-item__button.components-icon-button {
width: 100%;
padding: 8px;
padding: 8px 15px;
text-align: right;
color: #40464d; }
.components-menu-item__button .dashicon,
@ -2281,7 +2406,11 @@ body.is-dragging-components-draggable {
.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none; } }
box-shadow: none;
background: #f3f4f5; } }
.components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut,
.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut {
opacity: 1; }
.components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]),
.components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
@ -2297,11 +2426,11 @@ body.is-dragging-components-draggable {
.components-menu-item__info {
margin-top: 4px;
font-size: 12px;
opacity: 0.82; }
opacity: 0.84; }
.components-menu-item__shortcut {
align-self: center;
opacity: 0.5;
opacity: 0.84;
margin-left: 0;
margin-right: auto;
padding-right: 8px;
@ -2320,6 +2449,9 @@ body.is-dragging-components-draggable {
z-index: 100000;
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-modal__screen-overlay {
animation-duration: 1ms !important; } }
.components-modal__frame {
position: absolute;
@ -2345,6 +2477,9 @@ body.is-dragging-components-draggable {
transform: translate(50%, -50%);
animation: components-modal__appear-animation 0.1s ease-out;
animation-fill-mode: forwards; } }
@media (min-width: 600px) and (prefers-reduced-motion: reduce) {
.components-modal__frame {
animation-duration: 1ms !important; } }
@keyframes components-modal__appear-animation {
from {
@ -2372,8 +2507,8 @@ body.is-dragging-components-draggable {
position: fixed;
width: 100%; } }
.components-modal__header .components-modal__header-heading {
font-size: 1em;
font-weight: 400; }
font-size: 1rem;
font-weight: 600; }
.components-modal__header h1 {
line-height: 1;
margin: 0; }
@ -2401,6 +2536,8 @@ body.is-dragging-components-draggable {
padding-top: 56px; } }
.components-notice {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
background-color: #e5f5fa;
border-right: 4px solid #00a0d2;
margin: 5px 15px 2px;
@ -2419,11 +2556,14 @@ body.is-dragging-components-draggable {
background-color: #f9e2e2; }
.components-notice__content {
margin: 1em 0; }
margin: 1em 0 1em 25px; }
.components-notice__action.components-button, .components-notice__action.components-button.is-link {
margin-right: 4px; }
.components-notice__action.components-button.is-default {
vertical-align: initial; }
.components-notice__dismiss {
position: absolute;
top: 0;
@ -2437,7 +2577,7 @@ body.is-dragging-components-draggable {
.components-notice-list {
min-width: 300px;
z-index: 9989; }
z-index: 29; }
.components-panel {
background: #fff;
@ -2495,7 +2635,7 @@ body.is-dragging-components-draggable {
.components-panel__body > .components-panel__body-title:hover,
.edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
background: #f8f9f9; }
background: #f3f4f5; }
.components-panel__body-toggle.components-button {
position: relative;
@ -2574,11 +2714,13 @@ body.is-dragging-components-draggable {
.components-placeholder__label {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-bottom: 1em; }
.components-placeholder__label .dashicon,
.components-placeholder__label .editor-block-icon {
.components-placeholder__label .block-editor-block-icon {
fill: currentColor;
margin-left: 1ch; }
.components-placeholder__fieldset,
@ -2844,8 +2986,7 @@ body.is-dragging-components-draggable {
display: inline-block;
margin-right: 8px;
font-weight: 500;
width: 50px;
padding: 3px 5px !important; }
width: 54px; }
.components-resizable-box__handle {
display: none;
@ -2948,7 +3089,7 @@ body.lockscroll {
position: absolute;
background-color: #fff;
top: 3px;
right: 3px;
left: 3px;
width: 4px;
height: 4px;
border-radius: 100%;
@ -3077,12 +3218,12 @@ div.components-toolbar > div + div {
background: #191e23;
border-width: 0;
color: #fff;
white-space: nowrap; }
white-space: nowrap;
text-align: center; }
.components-tooltip:not(.is-mobile) .components-popover__content {
min-width: 0; }
.components-tooltip__shortcut {
display: block;
text-align: center;
color: #7e8993; }