/* Links
---------------------------------------------------------------------------------- */

// common link mixin
@mixin source-link($color, $hover, $active : lighten($hover, 10%)) {
    color: $color;

    &:link,
    &:visited {
        text-decoration: none;
        }

    &:hover {
        color: $hover;
        text-decoration: underline;
        }

    &:active {
        color: $active;
        }

    &:focus {
        outline: 2px solid $color;
        outline-offset: 2px;
        }
    }

// primary link / action link
.source-a_a {
   @include source-link($chip-red, darken($chip-red, 10%));
    }

// secondary link / object link
.source-a_o {
    @include source-link($white, darken($white, 10%));
    }

/* TODO: rename classes */
.source_a_hl, /* Higlight link */
.source_a_o { /* Regular link */
  	&:link,
	&:visited {
	  	text-decoration:none;
	  	color: lighten($blue, 10%);
		}

    &:hover {
		color: $blue;
		text-decoration: underline;
		}
	}

.source_a_bl { /* Emphasized link */
  	&:link,
	&:visited {
	  	color: $black;
		}
	}

.source_a_l { /* Inverted link */
  	&:link,
	&:visited {
	  	color: $white;
	  	text-decoration: none;
        line-height: 1.5;
		}

    &:hover {
	 	color: $white;
		}
	}

.source_a_hl { /* Higlight link */
	font-size: 16px !important;
	line-height: 2;

    &:after {
		content:"\A";
		white-space:pre;
		}
	}

.source_a_d { /* Design link */
  	&:link,
	&:visited {
    	color: $green !important;
    	font-size: 16px;
		}

    &:hover {
        color: $green;
        text-decoration: underline;
        }

    &:before {
        content: '';
        display: inline;
	   	padding-right: 25px;
        background: url(/source/assets/i/spec_design_link.svg) 50% no-repeat;
        }

    }

.source_a_s { /* Spec link */
  	&:link,
	&:visited {
	  	color: $green !important;
	  	font-size: 16px;
		}

    &:hover {
        color: $green;
        text-decoration: underline;
        }

    &:before {
        content: '';
        display: inline;
	  	padding-right: 25px;
        background: url(/source/assets/i/spec_link.svg) 50% no-repeat;
      	}

    }

.source_a_fs-m { /* medium font-size */
    &:link,
    &:visited {
        font-size: rem-calc(14);
        }
    }

/* /Links
---------------------------------------------------------------------------------- */