[Summary view] [Print] [Text view]

   1  .wp-block-media-text {
   2  
   3      &.alignfull {
   4          margin-top: 0;
   5          margin-bottom: 0;
   6      }
   7  
   8      a:focus img {
   9          outline-offset: -1px;
  10      }
  11  
  12      .wp-block-media-text__content {
  13          padding: var(--global--spacing-horizontal);
  14  
  15          @include media(tablet) {
  16              padding: var(--global--spacing-vertical);
  17          }
  18  
  19          > * {
  20              margin-top: calc(0.666 * var(--global--spacing-vertical));
  21              margin-bottom: calc(0.666 * var(--global--spacing-vertical));
  22  
  23              @include media(mobile) {
  24                  margin-top: var(--global--spacing-vertical);
  25                  margin-bottom: var(--global--spacing-vertical);
  26              }
  27  
  28              &:first-child {
  29                  margin-top: 0;
  30              }
  31  
  32              &:last-child {
  33                  margin-bottom: 0;
  34              }
  35          }
  36      }
  37  
  38      /**
  39       * Block Options
  40       */
  41  
  42      &.is-stacked-on-mobile .wp-block-media-text__content {
  43          @include media(mobile) {
  44              padding-top: var(--global--spacing-vertical);
  45              padding-bottom: var(--global--spacing-vertical);
  46          }
  47      }
  48  
  49      // Block Styles
  50      &.is-style-twentytwentyone-border {
  51          border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  52      }
  53  }