websandesign
8/2/2017 - 10:49 PM

CSS - Link Panel

CSS - Link Panel

.link-panel {
  position: relative;
  color: $brand-primary;
  padding: 12px 20px 11px 35px;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
  line-height: 20px;
  border-radius: 3px;
  background: #FFF;
  @extend %material;
  @extend %fade;
  &:hover {
    text-decoration: none;
    color: #FFF;
    background-color: $brand-primary;
  }
  &:hover:before {
    color: #FFF;
  }
  &::before {
    content: "\f103";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: $brand-primary;
    font-size: 16px;
    position: absolute;
    top: 12px;
    left: 15px;
	  @extend %fade;
  }
  i {
    color: $brand-primary;
  }
}