UNPKG

@shopify/polaris

Version:

Shopify’s product component library

30 lines (15 loc) 1.9 kB
.Polaris-Link_yj5sy{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline; text-align:inherit; padding:0; background:none; border:0; font-size:inherit; color:var(--p-interactive, #006fbb); text-decoration:none; cursor:pointer; position:relative; } .Polaris-Link_yj5sy:hover{ color:var(--p-interactive-hovered, #084e8a); text-decoration:underline; } .Polaris-Link_yj5sy:focus{ outline:var(--p-override-none, rgba(0, 103, 244, 0.247) auto 0.45rem); text-decoration:underline; } .Polaris-Link_yj5sy::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); } .Polaris-Link_yj5sy:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); } @media (-ms-high-contrast: active){ .Polaris-Link_yj5sy:focus:not(:active)::after{ outline:1px solid windowText; } } .Polaris-Link_yj5sy:active{ position:relative; color:var(--p-interactive-pressed, #084e8a); text-decoration:underline; } .Polaris-Link_yj5sy:active::before{ content:var(--p-non-null-content, none); position:absolute; z-index:-1; top:-0.2rem; right:-0.5rem; bottom:-0.2rem; left:-0.5rem; display:block; border-radius:3px; } .Polaris-Link__IconLockup_i2iua{ display:inline; white-space:nowrap; } .Polaris-Link__IconLockup_i2iua svg{ fill:currentColor; } .Polaris-Link__IconLockup_i2iua::before{ content:'\2060'; } .Polaris-Link__IconLayout_1wnv2{ display:inline-flex; } .Polaris-Link__IconLayout_1wnv2::before{ content:'\2060'; } .Polaris-Link--monochrome_14jw2{ color:inherit; text-decoration:underline; } .Polaris-Link--monochrome_14jw2:hover, .Polaris-Link--monochrome_14jw2:focus, .Polaris-Link--monochrome_14jw2:active{ color:inherit; }