proper text-decoration instead of border-bottom on links

5 years ago · e29bfb3e78
parent 889ba4d087
commit e29bfb3e78
1 changed files with 4 additions and 2 deletions
--- a/src/components/Link/index.js
+++ b/src/components/Link/index.js
@ -12,10 +12,12 @@ const A = styled.a`
    font-size: ${FONT_SIZE.SMALL};

    ${props => props.isGreen && css`
-        border-bottom: 1px solid ${colors.GREEN_PRIMARY};
+        text-decoration: underline;
+        text-decoration-color: ${colors.GREEN_PRIMARY};
    `}
    ${props => props.isGray && css`
-        border-bottom: 1px solid ${colors.TEXT_SECONDARY};
+        text-decoration: underline;
+        text-decoration-color: ${colors.TEXT_SECONDARY};
    `}

    &,