Nice border color and box-shadow effect

custom.scss

$border-shadow-color: generate-border-shadow-color($color-primary);
.input-element {
	border-color: $color-primary;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba($border-shadow-color, 0.6);
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

@function generate-border-shadow-color($input-color) {
	@return lighten(saturate(adjust-hue($input-color, -0.2273), 23.6585), 14.9020)
}