Styleguide Hacks

Boostrap core tweaks

// Global link styles

a {
    &:link,
    &:visited,
    &:hover,
    &:active {
        cursor: pointer;
    }
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

.external {
    position: relative;

    span {
        opacity: 0;
        position: absolute;
        top: 0.25em;
        right: -1.5em;
        font-size: 0.825em;
    }

    &:hover > span {
        opacity: 1;
        color: $lightGray3;
    }
}


// Useful styles

.center {
  text-align: center;
}