[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      line-height: var(--global--line-height-body);
  14      -moz-osx-font-smoothing: grayscale;
  15      -webkit-font-smoothing: antialiased;
  16  }
  17  
  18  // Links styles
  19  .wp-block a {
  20      color: var(--wp--style--color--link, var(--global--color-primary));
  21  
  22      &:hover {
  23          text-decoration-style: dotted;
  24      }
  25  
  26      &:focus {
  27          outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
  28          text-decoration: none;
  29      }
  30  }
  31  
  32  // Enforce the custom link color even if a custom background color has been set.
  33  // The extra specificity here is required to override the background color styles.
  34  .has-background {
  35      // Target both current level and nested block.
  36      .has-link-color a,
  37      &.has-link-color a {
  38          color: var(--wp--style--color--link, var(--global--color-primary));
  39      }
  40  }
  41  
  42  button,
  43  a {
  44      cursor: pointer;
  45  }