[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  .wp-block-post-featured-image {
   5    margin-right: 0;
   6    margin-left: 0;
   7  }
   8  .wp-block-post-featured-image a {
   9    display: block;
  10    height: 100%;
  11  }
  12  .wp-block-post-featured-image :where(img) {
  13    max-width: 100%;
  14    width: 100%;
  15    height: auto;
  16    vertical-align: bottom;
  17    box-sizing: border-box;
  18  }
  19  .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
  20    width: 100%;
  21  }
  22  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
  23    position: absolute;
  24    inset: 0;
  25    background-color: #000;
  26  }
  27  .wp-block-post-featured-image {
  28    position: relative;
  29  }
  30  
  31  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
  32    background-color: transparent;
  33  }
  34  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
  35    opacity: 0;
  36  }
  37  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
  38    opacity: 0.1;
  39  }
  40  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
  41    opacity: 0.2;
  42  }
  43  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
  44    opacity: 0.3;
  45  }
  46  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
  47    opacity: 0.4;
  48  }
  49  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
  50    opacity: 0.5;
  51  }
  52  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
  53    opacity: 0.6;
  54  }
  55  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
  56    opacity: 0.7;
  57  }
  58  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
  59    opacity: 0.8;
  60  }
  61  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
  62    opacity: 0.9;
  63  }
  64  .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
  65    opacity: 1;
  66  }
  67  .wp-block-post-featured-image:where(.alignleft, .alignright) {
  68    width: 100%;
  69  }