[Summary view] [Print] [Text view]

   1  html {
   2      font-family: var(--global--font-secondary);
   3      line-height: var(--global--line-height-body);
   4  }
   5  
   6  body {
   7      --wp--typography--line-height: var(--global--line-height-body);
   8      color: var(--global--color-primary);
   9      background-color: var(--global--color-background);
  10      font-family: var(--global--font-secondary);
  11      font-size: var(--global--font-size-base);
  12      font-weight: normal;
  13      -moz-osx-font-smoothing: grayscale;
  14      -webkit-font-smoothing: antialiased;
  15  }
  16  
  17  // Links styles
  18  .wp-block a {
  19      color: var(--wp--style--color--link, var(--global--color-primary));
  20  
  21      &:hover {
  22          text-decoration-style: dotted;
  23      }
  24  
  25      &:focus {
  26          outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
  27          text-decoration: none;
  28      }
  29  }
  30  
  31  // Enforce the custom link color even if a custom background color has been set.
  32  // The extra specificity here is required to override the background color styles.
  33  .has-background {
  34      // Target both current level and nested block.
  35      .has-link-color a,
  36      &.has-link-color a {
  37          color: var(--wp--style--color--link, var(--global--color-primary));
  38      }
  39  }
  40  
  41  button,
  42  a {
  43      cursor: pointer;
  44  }