BUG: Breadcrumb items as button

USDA-FSA / fsa-style

CSS Implementation of USDA's FPAC Design System

http://usda-fsa.github.io/fsa-style/

Other

11 stars 8 forks source link

BUG: Breadcrumb items as button #566

Closed francisrupert closed 1 year ago

francisrupert commented 2 years ago

Description

Breadcrumbs currently assume each item is an <a>, but may alternately be a <button>. However undesirable styles (e.g. padding, background, etc) are inherited.

Solution

Unset inherited button styles, ensuring each item works as a <a> or <button>.

Like just need to add @include reset-button(); to .fsa-breadcrumb__link (approx at _fsa.breadcrumb.scss#L64)

Screenshot of Bug

whatnextjamie commented 2 years ago

Added "Buttons" example to fsa-style kitchen sink after adding reset-button(): to .fsa-breadcrumb__link

breadcrumb as button after