first commit
This commit is contained in:
133
wp-includes/blocks/media-text/block.json
Normal file
133
wp-includes/blocks/media-text/block.json
Normal file
@ -0,0 +1,133 @@
|
||||
{
|
||||
"$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
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"clientNavigation": true
|
||||
}
|
||||
},
|
||||
"editorStyle": "wp-block-media-text-editor",
|
||||
"style": "wp-block-media-text"
|
||||
}
|
30
wp-includes/blocks/media-text/editor-rtl.css
Normal file
30
wp-includes/blocks/media-text/editor-rtl.css
Normal file
@ -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;
|
||||
}
|
1
wp-includes/blocks/media-text/editor-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/media-text/editor-rtl.min.css
vendored
Normal file
@ -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}
|
30
wp-includes/blocks/media-text/editor.css
Normal file
30
wp-includes/blocks/media-text/editor.css
Normal file
@ -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;
|
||||
}
|
1
wp-includes/blocks/media-text/editor.min.css
vendored
Normal file
1
wp-includes/blocks/media-text/editor.min.css
vendored
Normal file
@ -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}
|
88
wp-includes/blocks/media-text/style-rtl.css
Normal file
88
wp-includes/blocks/media-text/style-rtl.css
Normal file
@ -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{
|
||||
height:1px;
|
||||
margin:-1px;
|
||||
overflow:hidden;
|
||||
padding:0;
|
||||
position:absolute;
|
||||
width:1px;
|
||||
clip:rect(0, 0, 0, 0);
|
||||
border:0;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
1
wp-includes/blocks/media-text/style-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/media-text/style-rtl.min.css
vendored
Normal file
@ -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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@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}}
|
88
wp-includes/blocks/media-text/style.css
Normal file
88
wp-includes/blocks/media-text/style.css
Normal file
@ -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{
|
||||
height:1px;
|
||||
margin:-1px;
|
||||
overflow:hidden;
|
||||
padding:0;
|
||||
position:absolute;
|
||||
width:1px;
|
||||
clip:rect(0, 0, 0, 0);
|
||||
border:0;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
11
wp-includes/blocks/media-text/style.min.css
vendored
Normal file
11
wp-includes/blocks/media-text/style.min.css
vendored
Normal file
@ -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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@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}}
|
Reference in New Issue
Block a user