[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/ -> _style.scss (source)

   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      // Block Options
  39      &.is-stacked-on-mobile .wp-block-media-text__content {
  40          @include media(mobile) {
  41              padding-top: var(--global--spacing-vertical);
  42              padding-bottom: var(--global--spacing-vertical);
  43          }
  44      }
  45  
  46      // Block Styles
  47      &.is-style-twentytwentyone-border {
  48          border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  49      }
  50  }


Generated : Sun Dec 22 08:20:01 2024 Cross-referenced by PHPXref