Bill Hinderman

External Link Styles.

Had a thought: is there a perception difference in clicking internal links versus external?  Should there be one?

Toyed around and am decently satisfied with this:


a, .link
  &[rel^="external"],
  &[rel*=" external"],
  &[target^="blank"],
  &[target*="blank "],
  &:not([href*="website.com"]),
  &:not([href^="/"]),
  &:not([href^="#"]),
  &.external {
    //external styles
  }
}

Some other methods are here.  Do with it what you’d like.

Share: facebook , .

Reply.