Stylish <a> Styling - Styling the :before element

stylish-a-styling_03.less

@linkBlue: #0000ee;
a {
  color: @linkBlue;
  display: inline-block;
  position: relative;
  text-decoration: none;
  &:before {
    background-color: @linkBlue;
    content: '';
    height: 2px;        // this can be modified based on the boldness of the font
    position: absolute;
    bottom: -1px;       // again this can be adjusted based on line-height/font-size
    width: 100%;
  }
  &:hover {
    // more to come
  }
}