home/aissorg/public_html/scss/custom-styles/components/_links.scss 0000644 00000002673 15116255735 0021636 0 ustar 00 /*
*
* Links
*/
// Standard link style
a {
transition: $transition-base;
&,
&:focus,
&:active,
&:hover {
text-decoration: $link-decoration;
}
&.decorated{
position: relative;
padding-bottom: 2px;
&:before{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 2px;
width: 0;
background-color: $primary;
transition: all ease .35s;
}
}
&:hover{
&.decorated{
&:before{
width: 100%;
transition: all ease .35s;
}
}
&.underlined{
text-decoration: underline;
}
}
@include link($link-color, $link-hover-color);
&[href*='tel'],
&[href*='mailto'] {
white-space: nowrap;
}
}
.link-hover {
color: $primary-darken;
}
// Link Image
.link-default {
&, &:active, &:focus {
color: $body-color;
}
&:hover {
color: $primary;
}
}
%context-dark {
.link-default {
color: $gray-300;
&:hover {
color: $white;
}
}
}
// Link Image
.link-image {
display: block;
max-width: 75%;
margin-left: auto;
margin-right: auto;
opacity: .45;
transition: $transition-base;
&:hover {
opacity: 1;
}
}
// Privacy Link
.privacy-link {
display: inline-block;
}
* + .privacy-link {
margin-top: 25px;
}
.footer-link{
@include link(rgba($white,.5), $primary)
}
.accent-dark-link{
@include link( $accent-dark, $primary)
} home/aissorg/public_html/scss/custom-styles/mixins/_links.scss 0000644 00000000453 15116265064 0020746 0 ustar 00 @mixin link($color: $body-color, $color-hover: $primary) {
&,
&:focus,
&:active {
color: $color;
}
&:hover {
color: $color-hover;
}
}
@mixin text-var($color, $hover-color) {
&#{&} {
color: $color;
}
@at-root a#{&}#{&} {
@include link($color, $hover-color)
}
}