diff options
Diffstat (limited to 'wp-includes/blocks/media-text')
| -rw-r--r-- | wp-includes/blocks/media-text/block.json | 130 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/editor-rtl.css | 30 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/editor-rtl.min.css | 1 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/editor.css | 30 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/editor.min.css | 1 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/style-rtl.css | 88 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/style-rtl.min.css | 1 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/style.css | 88 | ||||
| -rw-r--r-- | wp-includes/blocks/media-text/style.min.css | 11 |
9 files changed, 380 insertions, 0 deletions
diff --git a/wp-includes/blocks/media-text/block.json b/wp-includes/blocks/media-text/block.json new file mode 100644 index 0000000..cdeb4ce --- /dev/null +++ b/wp-includes/blocks/media-text/block.json @@ -0,0 +1,130 @@ +{ + "$schema": "https://schemas.wp.org/trunk/block.json", + "apiVersion": 3, + "name": "core/media-text", + "title": "Media & Text", + "category": "media", + "description": "Set media and words side-by-side for a richer layout.", + "keywords": [ "image", "video" ], + "textdomain": "default", + "attributes": { + "align": { + "type": "string", + "default": "none" + }, + "mediaAlt": { + "type": "string", + "source": "attribute", + "selector": "figure img", + "attribute": "alt", + "default": "", + "__experimentalRole": "content" + }, + "mediaPosition": { + "type": "string", + "default": "left" + }, + "mediaId": { + "type": "number", + "__experimentalRole": "content" + }, + "mediaUrl": { + "type": "string", + "source": "attribute", + "selector": "figure video,figure img", + "attribute": "src", + "__experimentalRole": "content" + }, + "mediaLink": { + "type": "string" + }, + "linkDestination": { + "type": "string" + }, + "linkTarget": { + "type": "string", + "source": "attribute", + "selector": "figure a", + "attribute": "target" + }, + "href": { + "type": "string", + "source": "attribute", + "selector": "figure a", + "attribute": "href", + "__experimentalRole": "content" + }, + "rel": { + "type": "string", + "source": "attribute", + "selector": "figure a", + "attribute": "rel" + }, + "linkClass": { + "type": "string", + "source": "attribute", + "selector": "figure a", + "attribute": "class" + }, + "mediaType": { + "type": "string", + "__experimentalRole": "content" + }, + "mediaWidth": { + "type": "number", + "default": 50 + }, + "mediaSizeSlug": { + "type": "string" + }, + "isStackedOnMobile": { + "type": "boolean", + "default": true + }, + "verticalAlignment": { + "type": "string" + }, + "imageFill": { + "type": "boolean" + }, + "focalPoint": { + "type": "object" + }, + "allowedBlocks": { + "type": "array" + } + }, + "supports": { + "anchor": true, + "align": [ "wide", "full" ], + "html": false, + "color": { + "gradients": true, + "heading": true, + "link": true, + "__experimentalDefaultControls": { + "background": true, + "text": true + } + }, + "spacing": { + "margin": true, + "padding": true + }, + "typography": { + "fontSize": true, + "lineHeight": true, + "__experimentalFontFamily": true, + "__experimentalFontWeight": true, + "__experimentalFontStyle": true, + "__experimentalTextTransform": true, + "__experimentalTextDecoration": true, + "__experimentalLetterSpacing": true, + "__experimentalDefaultControls": { + "fontSize": true + } + } + }, + "editorStyle": "wp-block-media-text-editor", + "style": "wp-block-media-text" +} diff --git a/wp-includes/blocks/media-text/editor-rtl.css b/wp-includes/blocks/media-text/editor-rtl.css new file mode 100644 index 0000000..de69c8b --- /dev/null +++ b/wp-includes/blocks/media-text/editor-rtl.css @@ -0,0 +1,30 @@ +.wp-block-media-text__media{ + position:relative; +} +.wp-block-media-text__media.is-transient img{ + opacity:.3; +} +.wp-block-media-text__media .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; +} + +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; +} + +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; +} + +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; +} + +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; +}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/editor-rtl.min.css b/wp-includes/blocks/media-text/editor-rtl.min.css new file mode 100644 index 0000000..2532ed3 --- /dev/null +++ b/wp-includes/blocks/media-text/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/editor.css b/wp-includes/blocks/media-text/editor.css new file mode 100644 index 0000000..5cf1785 --- /dev/null +++ b/wp-includes/blocks/media-text/editor.css @@ -0,0 +1,30 @@ +.wp-block-media-text__media{ + position:relative; +} +.wp-block-media-text__media.is-transient img{ + opacity:.3; +} +.wp-block-media-text__media .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} + +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; +} + +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; +} + +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; +} + +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; +}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/editor.min.css b/wp-includes/blocks/media-text/editor.min.css new file mode 100644 index 0000000..743ac03 --- /dev/null +++ b/wp-includes/blocks/media-text/editor.min.css @@ -0,0 +1 @@ +.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/style-rtl.css b/wp-includes/blocks/media-text/style-rtl.css new file mode 100644 index 0000000..d9bf156 --- /dev/null +++ b/wp-includes/blocks/media-text/style-rtl.css @@ -0,0 +1,88 @@ +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; +} +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; +} + +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; +} + +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; +} + +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; +} + +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; +} + +.wp-block-media-text .wp-block-media-text__content{ + direction:rtl; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; +} + +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; + } +}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/style-rtl.min.css b/wp-includes/blocks/media-text/style-rtl.min.css new file mode 100644 index 0000000..3e8440f --- /dev/null +++ b/wp-includes/blocks/media-text/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-media-text{box-sizing:border-box;direction:ltr;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{direction:rtl;grid-column:2;grid-row:1;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-column:2;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:1}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/style.css b/wp-includes/blocks/media-text/style.css new file mode 100644 index 0000000..199d4da --- /dev/null +++ b/wp-includes/blocks/media-text/style.css @@ -0,0 +1,88 @@ +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; +} +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; +} + +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; +} + +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; +} + +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; +} + +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; +} + +.wp-block-media-text .wp-block-media-text__content{ + direction:ltr; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; +} + +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; + } +}
\ No newline at end of file diff --git a/wp-includes/blocks/media-text/style.min.css b/wp-includes/blocks/media-text/style.min.css new file mode 100644 index 0000000..88094d3 --- /dev/null +++ b/wp-includes/blocks/media-text/style.min.css @@ -0,0 +1,11 @@ +.wp-block-media-text{box-sizing:border-box; + /*!rtl:begin:ignore*/direction:ltr; + /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{ + /*!rtl:begin:ignore*/grid-column:1;grid-row:1; + /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; + /*!rtl:begin:ignore*/grid-column:2;grid-row:1; + /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + /*!rtl:begin:ignore*/grid-column:2;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + /*!rtl:begin:ignore*/grid-column:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}
\ No newline at end of file |