1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / www / scss / custom-styles / components /
Filename : _links.scss
back
/*
*
* 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)
}