[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/blocks/media-text/ -> style-rtl.css (source)

   1  .wp-block-media-text{
   2    box-sizing:border-box;
   3    direction:ltr;
   4    display:grid;
   5    grid-template-columns:50% 1fr;
   6    grid-template-rows:auto;
   7  }
   8  .wp-block-media-text.has-media-on-the-right{
   9    grid-template-columns:1fr 50%;
  10  }
  11  
  12  .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{
  13    align-self:start;
  14  }
  15  
  16  .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,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{
  17    align-self:center;
  18  }
  19  
  20  .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{
  21    align-self:end;
  22  }
  23  
  24  .wp-block-media-text>.wp-block-media-text__media{
  25    grid-column:1;
  26    grid-row:1;
  27    margin:0;
  28  }
  29  
  30  .wp-block-media-text>.wp-block-media-text__content{
  31    direction:rtl;
  32    grid-column:2;
  33    grid-row:1;
  34    padding:0 8%;
  35    word-break:break-word;
  36  }
  37  
  38  .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{
  39    grid-column:2;
  40    grid-row:1;
  41  }
  42  
  43  .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{
  44    grid-column:1;
  45    grid-row:1;
  46  }
  47  
  48  .wp-block-media-text__media a{
  49    display:inline-block;
  50  }
  51  
  52  .wp-block-media-text__media img,.wp-block-media-text__media video{
  53    height:auto;
  54    max-width:unset;
  55    vertical-align:middle;
  56    width:100%;
  57  }
  58  .wp-block-media-text.is-image-fill>.wp-block-media-text__media{
  59    background-size:cover;
  60    height:100%;
  61    min-height:250px;
  62  }
  63  
  64  .wp-block-media-text.is-image-fill>.wp-block-media-text__media>a{
  65    display:block;
  66    height:100%;
  67  }
  68  
  69  .wp-block-media-text.is-image-fill>.wp-block-media-text__media img{
  70    height:1px;
  71    margin:-1px;
  72    overflow:hidden;
  73    padding:0;
  74    position:absolute;
  75    width:1px;
  76    clip:rect(0, 0, 0, 0);
  77    border:0;
  78  }
  79  .wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{
  80    height:100%;
  81    min-height:250px;
  82    position:relative;
  83  }
  84  
  85  .wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{
  86    display:block;
  87    height:100%;
  88  }
  89  
  90  .wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{
  91    height:100%;
  92    object-fit:cover;
  93    position:absolute;
  94    width:100%;
  95  }
  96  @media (max-width:600px){
  97    .wp-block-media-text.is-stacked-on-mobile{
  98      grid-template-columns:100% !important;
  99    }
 100    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{
 101      grid-column:1;
 102      grid-row:1;
 103    }
 104    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{
 105      grid-column:1;
 106      grid-row:2;
 107    }
 108  }


Generated : Sun Nov 24 08:20:01 2024 Cross-referenced by PHPXref