WordPress/wp-includes/blocks/media-text/style.css

88 lines
2.2 KiB
CSS
Raw Normal View History

.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;
}
}