@cbpds/web-components
Version:
Web components for the CBP Design System.
27 lines • 874 B
CSS
/*
* Caution: "global styles" get injected into every component and can cause file size bloat.
* These should only include SASS variables and mixins that are not written out to CSS directly
*/
cbp-skip-nav a {
display: inline-block;
padding: 0.75rem 1.25rem;
border-radius: var(--cbp-border-radius-softest);
position: absolute;
top: -1000rem;
left: var(--cbp-space-1x);
background-color: var(--cbp-color-black);
color: var(--cbp-color-text-lightest);
font-size: 1rem;
font-weight: var(--cbp-font-weight-bold);
font-family: inherit;
}
cbp-skip-nav a:active,
cbp-skip-nav a:focus {
top: var(--cbp-space-1x);
text-decoration: none;
outline-style: solid;
outline-width: var(--cbp-border-size-md);
outline-color: var(--cbp-button-color-outline-focus);
outline-offset: calc(-1 * var(--cbp-space-1x));
z-index: var(-cbp-z-index-level-top);
}