@govbr-ds/core/dist/components/skiplink/skiplink.css

Padrão Digital de Governo

.br-skiplink {
  --skiplink-layer: var(--z-index-layer-4);
  --skiplink-margin: var(--spacing-scale-2x);
  --skiplink-min-width: 300px;
  --skiplink-shadow: var(--surface-shadow-lg);
  --skiplink-duration: 150ms;
  --skiplink-timing-function: ease-out;
  display: inline-flex;
  flex-direction: column;
  left: var(--skiplink-margin);
  position: fixed;
  top: 0;
  z-index: var(--skiplink-layer);
}
.br-skiplink a {
  align-items: center;
  background-color: var(--background);
  box-shadow: var(--skiplink-shadow);
  display: inline-flex;
  min-width: var(--skiplink-min-width);
  position: absolute;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  white-space: nowrap;
  width: auto;
}
.br-skiplink a:focus, .br-skiplink a:focus-visible {
  top: 0;
}
.br-skiplink .br-tag {
  background: var(--interactive);
}
.br-skiplink.full {
  box-shadow: var(--skiplink-shadow);
  flex-direction: row;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
}
.br-skiplink.full a {
  box-shadow: none;
  min-width: 0;
  position: relative;
  top: 0;
}
.br-skiplink.full:focus-within {
  top: 0;
}

/*# sourceMappingURL=skiplink.css.map*/