/*  skiplink.st.css  */
@namespace "SkipLink";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named:
    --spacing-unit,
    --color-link,
}

:import {
  -st-from: "../../components/SkipLink/skiplink.st.css";
  -st-default: SkipLink;
}

@st-scope Base {
  SkipLink::links::anchor {
    color: var(--color-link);
  }

  SkipLink::links::anchor:active,
  SkipLink::links::anchor:focus {
    padding: var(--spacing-unit) calc(var(--spacing-unit) * 2);
  }
}