#writing #thoughtbot

_c-tab.scss

.c-tab {
  color: c(tab, type);
  border: 1px solid c(tab, border);
  padding: 1rem 3rem;

  @media (prefers-color-scheme: dark) {
    background-color: c(tab, dark-theme, background);
  }

  a {
    color: c(tab, link);

    &:hover,
    &:focus {
      color: c(tab, link-hover);
      text-decoration: underline;
    }

    &:focus {
      color: c(tab, link-active);
    }
  }
}