summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/media-text/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/media-text/style.css')
-rw-r--r--wp-includes/blocks/media-text/style.css88
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