// NibblePoker.lu CSS - (C) 2023 Bozet Herwin

/* Custom Elements > Wedge */

.wedge {
	position: absolute;
	//top: 0;
	//right: 0;
	
	color: #{$color-text-regular-normal};
	background-color: #{$color-background-button};
	
	user-select: none;
	cursor: pointer;
	
	//opacity: 0.875;
	
	// https://codepen.io/setswon/pen/VJeXXq
	// Using a value of ~0.35 feels sluggish.
	//transition: color 0.25s ease;
	//transition-timing-function: cubic-bezier(.47,1.64,.41,.8);
	
	&:hover:not(.no-hover) {
		background-color: #{$color-background-button-hover};
	}
	
	&.wedge-shadow {
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
	&.primary {
		background-color: #{$color-background-button-primary};
		&:hover:not(.no-hover) {
			background-color: #{$color-background-button-primary-hover};
		}
	}
	
	&.success {
		background-color: #{$color-background-button-success};
		&:hover:not(.no-hover) {
			background-color: #{$color-background-button-success-hover};
		}
	}
	
	&.error {
		background-color: #{$color-background-button-error};
		&:hover:not(.no-hover) {
			background-color: #{$color-background-button-error-hover};
		}
	}
	
	&.warning {
		background-color: #{$color-background-button-warning};
		&:hover:not(.no-hover) {
			background-color: #{$color-background-button-warning-hover};
		}
	}
	
	&.wedge-tr {
		top: 0;
		right: 0;
	}
	
	&.wedge-br {
		bottom: 0;
		right: 0;
	}
	
	&.wedge-tl {
		top: 0;
		left: 0;
	}
	
	&.wedge-bl {
		bottom: 0;
		left: 0;
	}
}