@shopify/polaris/build/esnext/components/Breadcrumbs/Breadcrumbs.css

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* This file is auto generated by gen-media-queries.js */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Breadcrumbs__Breadcrumb_llsun { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-2); text-transform: initial; letter-spacing: initial; color: var(--p-text-subdued); -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; min-height: 2.25rem; min-width: 2.25rem; color: var(--p-text-subdued); text-decoration: none; margin: 0; padding: var(--p-space-05); border-radius: var(--p-border-radius-1); border: var(--p-border-width-1) solid var(--p-border-neutral-subdued); position: relative; }

@media (min-width: 40em) { .Polaris-Breadcrumbs__Breadcrumb_llsun { font-size: var(--p-font-size-3); } }

.Polaris-Breadcrumbs__Breadcrumb_llsun:focus { outline: none; }

.Polaris-Breadcrumbs__Breadcrumb_llsun::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-focused); transition: box-shadow var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

.Polaris-Breadcrumbs__Breadcrumb_llsun:hover { background-color: var(--p-surface-hovered); }

.Polaris-Breadcrumbs__Breadcrumb_llsun:active { background-color: var(--p-surface-pressed); }

.Polaris-Breadcrumbs__Breadcrumb_llsun:hover, .Polaris-Breadcrumbs__Breadcrumb_llsun:active { color: var(--p-text); text-decoration: none; }

.Polaris-Breadcrumbs__Breadcrumb_llsun:hover .Polaris-Breadcrumbs__Icon_yj27d svg, .Polaris-Breadcrumbs__Breadcrumb_llsun:active .Polaris-Breadcrumbs__Icon_yj27d svg { fill: var(--p-icon-pressed); }

.Polaris-Breadcrumbs__Breadcrumb_llsun:focus { outline: none; }

.Polaris-Breadcrumbs__Breadcrumb_llsun:focus:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

.Polaris-Breadcrumbs__Content_xd1mk { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }

.Polaris-Breadcrumbs__Icon_yj27d { --pc-breadcrumbs-icon-size: 1.25rem; width: var(--pc-breadcrumbs-icon-size); height: var(--pc-breadcrumbs-icon-size); margin: calc(var(--pc-breadcrumbs-icon-size)*-0.5) 0 calc(var(--pc-breadcrumbs-icon-size)*-0.5) calc(var(--p-space-2)*-1); margin: 0; }

.Polaris-Breadcrumbs__Icon_yj27d svg { fill: var(--p-icon); }