generator-pho/app/templates/src/styles/base/links.less

Project generator that includes pho-devstack

/*
 * Defines global link rules
 */

a[href] {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid;
  <%   if (less) { %>.transition(color 200ms, border-color 200ms);
  <% } if (sass) { %>transition: color 200ms, border-color 200ms;
  <% } %>
  &:hover {
    border-color: transparent;
  }

  &:active {
    <% if (less) { %>.translateY(1px);<% } %>
    <% if (sass) { %>transition: color 200ms, border-color 200ms;<% } %>
  }
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}