diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/block-directory/style-rtl.css --- a/wp/wp-includes/css/dist/block-directory/style-rtl.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/dist/block-directory/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 @@ -2,18 +2,17 @@ * Colors */ /** - * Deprecated colors. - * Please avoid using these. - */ -/** * Breakpoints & Media Queries */ /** - * Colors + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** - * Deprecated colors. - * Please avoid using these. + * Colors */ /** * Fonts & basic variables. @@ -32,10 +31,14 @@ * Editor widths. */ /** - * Block UI. + * Block & Editor UI. */ /** - * Border radii. + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. */ /** * Breakpoint mixins @@ -68,173 +71,179 @@ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-20: #005a87; } + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} -.block-directory-block-ratings { - display: flex; } - .block-directory-block-ratings > div { - line-height: 1; - display: flex; } - .block-directory-block-ratings .block-directory-block-ratings__rating-count { - color: #606a73; - font-size: ms(-2); } - .block-directory-block-ratings svg { - fill: #ffb900; } +.block-directory-block-ratings > span { + display: flex; +} +.block-directory-block-ratings svg { + fill: #1e1e1e; + margin-right: -4px; +} +.block-directory-block-ratings .block-directory-block-ratings__star-empty { + fill: #ccc; +} .block-directory-compact-list { margin: 0; - list-style: none; } + list-style: none; +} .block-directory-compact-list__item { display: flex; flex-direction: row; align-items: center; - margin-bottom: 16px; } - .block-directory-compact-list__item:last-child { - margin-bottom: 0; } + margin-bottom: 16px; +} +.block-directory-compact-list__item:last-child { + margin-bottom: 0; +} .block-directory-compact-list__item-details { - margin-right: 8px; } + margin-right: 8px; +} .block-directory-compact-list__item-title { - font-weight: 500; } + font-weight: 500; +} .block-directory-compact-list__item-author { - color: #555d66; - font-size: 11px; } - -.block-directory-downloadable-block-author-info__content { - color: #606a73; - font-size: 12px; } - -.block-directory-downloadable-block-author-info__content-author { - margin-bottom: 4px; - font-size: 13px; } - -.block-directory-downloadable-block-header__row { - display: flex; - flex-grow: 1; } - .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column { - display: flex; - flex-direction: column; - flex-grow: 1; - padding-right: 12px; } - -.block-directory-downloadable-block-header__title { - margin: 0; - font-size: 13px; - color: currentColor; } + color: #757575; + font-size: 11px; +} .block-directory-downloadable-block-icon { - width: 36px; - height: 36px; } - .block-directory-downloadable-block-icon .block-editor-block-icon { - width: 36px; - height: 36px; - font-size: 36px; - background-color: #ddd; } + min-width: 54px; + width: 54px; + height: 54px; + vertical-align: middle; + border: 1px solid #ddd; +} -.block-directory-downloadable-block-info__content { - margin: 0 0 16px; - font-size: 13px; } +.block-directory-downloadable-block-list-item { + padding: 12px; + width: 100%; + height: auto; + text-align: right; + display: grid; + grid-template-columns: auto 1fr; +} +.block-directory-downloadable-block-list-item:hover { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} +.block-directory-downloadable-block-list-item.is-busy { + background: transparent; +} +.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} +.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { + opacity: 1; +} -.block-directory-downloadable-block-info__meta { +.block-directory-downloadable-block-list-item__icon { + position: relative; + margin-left: 16px; + align-self: flex-start; +} +.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.75); display: flex; align-items: center; - margin-bottom: 2px; - color: #606a73; - font-size: 12px; } + justify-content: center; +} -.block-directory-downloadable-block-info__meta:last-child { - margin-bottom: 0; } +.block-directory-block-ratings { + display: block; + margin-top: 4px; +} -.block-directory-downloadable-block-info__icon { - margin-left: 4px; - fill: #606a73; } +.block-directory-downloadable-block-list-item__details { + color: #1e1e1e; +} -.block-directory-downloadable-block-list-item { - width: 100%; - padding: 0; - margin: 0; - display: flex; - flex-direction: row; - font-size: 13px; - color: #32373c; - align-items: flex-start; - justify-content: center; - background: transparent; - word-break: break-word; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - transition: all 0.05s ease-in-out; - position: relative; - text-align: right; - overflow: hidden; } - @media (prefers-reduced-motion: reduce) { - .block-directory-downloadable-block-list-item { - transition-duration: 0s; } } - .block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item { - border-top: none; } - -.block-directory-downloadable-block-list-item:last-child:not(:only-of-type) { - border-top: 0; } +.block-directory-downloadable-block-list-item__title { + display: block; + font-weight: 600; +} -.block-directory-downloadable-block-list-item:last-child { - border-bottom: 0; } - -.block-directory-downloadable-block-list-item__panel { - display: flex; - flex-grow: 1; - flex-direction: column; } - -.block-directory-downloadable-block-list-item__header { - display: flex; - flex-direction: column; - padding: 16px 16px 0; } +.block-directory-downloadable-block-list-item__author { + display: block; + margin-top: 4px; + font-weight: normal; +} -.block-directory-downloadable-block-list-item__body { - display: flex; - flex-direction: column; - padding: 16px; } - -.block-directory-downloadable-block-list-item__footer { - display: flex; - flex-direction: column; - padding: 16px; - background-color: #f0f0f0; } - -.block-directory-downloadable-block-list-item__content { - color: #606a73; } +.block-directory-downloadable-block-list-item__desc { + display: block; + margin-top: 8px; +} .block-directory-downloadable-block-notice { - margin: 0 0 16px; } + margin: 8px 0 0; + color: #cc1818; +} .block-directory-downloadable-block-notice__content { padding-left: 12px; - margin-bottom: 8px; } - -.block-directory-downloadable-blocks-list { - list-style: none; - margin: 0; - overflow: hidden; - display: flex; - flex-wrap: wrap; } + margin-bottom: 8px; +} -.block-directory-downloadable-blocks-panel__description { - font-style: italic; +.block-directory-downloadable-blocks-panel { padding: 16px; - margin: 0; - text-align: right; - color: #606a73; } - -.block-directory-downloadable-blocks-panel__description.has-no-results { +} +.block-directory-downloadable-blocks-panel.has-blocks-loading { font-style: normal; padding: 0; margin: 112px 0; text-align: center; - color: #606a73; } - .block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner { - float: inherit; } + color: #757575; +} +.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { + float: inherit; +} + +.block-directory-downloadable-blocks-panel__no-local { + margin: 48px 0; + padding: 0 64px; + color: #757575; + text-align: center; +} + +.block-directory-downloadable-blocks-panel__title { + margin: 0 0 4px; + font-size: 14px; +} + +.block-directory-downloadable-blocks-panel__description { + margin-top: 0; +} + +.block-directory-downloadable-blocks-panel button { + margin-top: 4px; +} .installed-blocks-pre-publish-panel__copy { - margin-top: 0; } + margin-top: 0; +} \ No newline at end of file