app/components/yattho/beta/link.css in yattho_view_components-0.0.1 vs app/components/yattho/beta/link.css in yattho_view_components-0.1.1

- old
+ new

@@ -1,62 +2 @@ -/* Links */ - -.Link { - color: var(--color-accent-fg); -} - -.Link:hover { - text-decoration: underline; - cursor: pointer; - } - -.Link:focus, - .Link:focus-visible { - outline-offset: 0; - } - -.Link--primary { - color: var(--color-fg-default) !important; -} - -.Link--primary:hover { - color: var(--color-accent-fg) !important; - } - -.Link--secondary { - color: var(--color-fg-muted) !important; -} - -.Link--secondary:hover { - color: var(--color-accent-fg) !important; - } - -.Link--muted { - color: var(--color-fg-muted) !important; -} - -.Link--muted:hover { - color: var(--color-accent-fg) !important; - } - -.Link--muted:hover { - text-decoration: none; - } - -/* Set the link color only on hover - Useful when you want only part of a link to turn blue on hover */ - -.Link--onHover:hover { - color: var(--color-accent-fg) !important; - } - -.Link--onHover:hover { - text-decoration: underline; - cursor: pointer; - } - -/* When using a color utility class inside of a link class - color should change with link on hover. */ - -.Link--secondary:hover [class*='color-fg'], .Link--primary:hover [class*='color-fg'], .Link--muted:hover [class*='color-fg'] { - color: inherit !important; - } +.Link{color:var(--color-accent-fg)}.Link:hover{cursor:pointer;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--primary{color:var(--color-fg-default)!important}.Link--primary:hover{color:var(--color-accent-fg)!important}.Link--secondary{color:var(--color-fg-muted)!important}.Link--secondary:hover{color:var(--color-accent-fg)!important}.Link--muted{color:var(--color-fg-muted)!important}.Link--muted:hover{text-decoration:none}.Link--muted:hover,.Link--onHover:hover{color:var(--color-accent-fg)!important}.Link--onHover:hover{cursor:pointer;text-decoration:underline}.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg]{color:inherit!important} \ No newline at end of file