--- 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