diff options
Diffstat (limited to 'wp-includes/blocks/media-text/style.css')
-rw-r--r-- | wp-includes/blocks/media-text/style.css | 88 |
1 files changed, 88 insertions, 0 deletions
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 |