@patternfly/[email protected]

Major Changes

• 62a5d64: Remove focus-ring, pfe-typography, and pfe-c-typogrpahy mixins

  To implement focus-ring, see pfe-accordion-header or pfe-jump-links.

  outline: none;
  position: relative;
  
  &::before {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
    width: calc(100% + #{pfe-var(ui--border-width--active)});
    height: calc(100% + #{pfe-var(ui--border-width--active)});
    border-radius: pfe-var(ui--border-radius);
    border: pfe-var(ui--border-width--md) pfe-var(ui--border-style) transparent;
  }
  
  &:focus::before {
    border-color: #6b9ff0;
  }
  
  &:focus:not(:focus-visible)::before {
    border: unset;
  }

  To implement typography, see core/pfe-sass/extends/_typography_extends.scss