@import "../src/variables";

.pagination-previous, .pagination-next, .pagination-link {
	color: $grey-light;
	transition-duration: .2s;

	&.is-current {
		background-color: $bleu-violet;
		border-color: darken($bleu-violet, 2%);
	}
	&:hover {
		&.is-current {
			background-color: darken($bleu-violet, 20%);
			border-color: darken($bleu-violet, 22%);
		}
		color: $blanc_immacule;
		background-color: $gris-violet;
	}
}

.tooltip.is-tooltip-multiline::before {
	min-width: 15rem!important;
}

[class*="-bleu_violet"] {
	background: $bleu_violet;
}

.is-bleu_violet {
	border: none;
	color: $blanc_immacule;
	&:hover {
		background: darken($bleu_violet, 10%);
		color: $blanc_immacule;
	}
	&:active {
		background: darken($bleu_violet, 20%);
	}
}

.navbar-dark .navbar-item, .navbar-link{
	color: $blanc_immacule;
	line-height: inherit;

	&:hover, &input:hover{
		background-color: inherit;
		color: $blanc_immacule;
	}
}

.is-extra_large {
	@media (min-width: 769px) {
		font-size: 1.75rem;
	}
}

.is-full-width {
	width: 100%;
}

a {
	&:hover {
		color: #45618a;
	}
}

.button {
	transition: ease-in-out .1s;
	&.is-success {
		&:hover {
			background-color: $success;
		}
	}
	&.is-white {
		&:hover {
			background-color: darken($blanc_immacule, 10%);
		}
		&:active {
			background: darken($blanc_immacule, 20%);
		}
	}
}

.grey-link {
	color: $gris-violet;
	&:hover {
		color: darken($bleu-violet, 5%);
	}
}