Skip to content
Permalink
Browse files

fix(anchor): change hover styles (#155)

* fix(anchor): change hover styles

* fix(website): change sitelink hover styles

* chore: update anchor snapshot
  • Loading branch information...
richbachman committed Oct 31, 2019
1 parent a5df7d6 commit 5172b0bb761e6c8334aac7fd94e615cac705d242
@@ -16,21 +16,21 @@ exports[`Anchor it should render an anchor 1`] = `

.emotion-0 {
color: #0075c3;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-text-decoration: underline;
text-decoration: underline;
outline: none;
}

.emotion-0:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

.emotion-0:focus,
.emotion-0:active {
box-shadow: 0 0 0 4px rgba(0,117,195,0.5);
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

<div
@@ -61,21 +61,21 @@ exports[`Anchor it should render an external anchor 1`] = `

.emotion-0 {
color: #0075c3;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-text-decoration: underline;
text-decoration: underline;
outline: none;
}

.emotion-0:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

.emotion-0:focus,
.emotion-0:active {
box-shadow: 0 0 0 4px rgba(0,117,195,0.5);
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

<div
@@ -108,21 +108,21 @@ exports[`Anchor it should render an external anchor with overwritten target and

.emotion-0 {
color: #0075c3;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-text-decoration: underline;
text-decoration: underline;
outline: none;
}

.emotion-0:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

.emotion-0:focus,
.emotion-0:active {
box-shadow: 0 0 0 4px rgba(0,117,195,0.5);
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: none;
text-decoration: none;
}

<div
@@ -4,18 +4,18 @@ import {themeGet} from '@styled-system/theme-get';
// Link
export const StyledAnchor = styled.a`
color: ${themeGet('textColors.colorTextLink')};
text-decoration: none;
text-decoration: underline;
outline: none;
&:hover {
color: ${themeGet('textColors.colorTextLinkHover')};
text-decoration: underline;
text-decoration: none;
}
&:focus,
&:active {
box-shadow: ${themeGet('shadows.shadowFocus')};
text-decoration: underline;
text-decoration: none;
}
&:focus {
@@ -6,18 +6,18 @@ import {Link} from 'gatsby';
// Link styles copied from @twilio-paste/anchor
const StyledLink = styled(Link)`
color: ${themeGet('textColors.colorTextLink')};
text-decoration: none;
text-decoration: underline;
outline: none;
&:hover {
color: ${themeGet('textColors.colorTextLinkHover')};
text-decoration: underline;
text-decoration: none;
}
&:focus,
&:active {
box-shadow: ${themeGet('shadows.shadowFocus')};
text-decoration: underline;
text-decoration: none;
}
&:focus {
@@ -73,12 +73,12 @@ Paste is currently in its early stages. It will include:
<CalloutText>This section will be updated with specific guidance for Flex.</CalloutText>
</Callout>
- Check out our list of <Link to="/tokens">Tokens</Link>. They currently show values for SendGrid and Console.
- Check out our list of [Tokens](/tokens). They currently show values for SendGrid and Console.
- We will also have documentation on how to use Tokens to build components in a future release.
### Design Libraries
- Check out our <Link to="/getting-started/design">guidelines for Product Designers</Link>. We'll be adding more content based on feedback and feature requests in a future release.
- Check out our [guidelines for Product Designers](/getting-started/design). We'll be adding more content based on feedback and feature requests in a future release.
## Coming Soon

1 comment on commit 5172b0b

@now

This comment has been minimized.

Please sign in to comment.
You can’t perform that action at this time.