@import "functions";
@import "global";


/*********
 ! Infobar
**********/

GtkInfoBar {
	border: none;

	$types: (
		info: ( $info_fg_color, $info_bg_color ),
		warning: ( $warning_fg_color, $warning_bg_color ),
		question: ( $question_fg_color, $question_bg_color ),
		error: ( $error_fg_color, $error_bg_color ),
	);


	@each $type, $colors in $types {
		$fg_color: nth($colors, 1);
		$bg_color: nth($colors, 2);

		&.#{$type} {
			border: 1px solid shade($bg_color, 0.8);
			background-color: $bg_color;
			background-image: none;
			color: $fg_color;

			.button {
				@include button($bg_color, $fg_color);

				&.close {
					border: 1px solid transparent;
					background-color: transparent;
					background-image: none;
					box-shadow: none;

					&:focus, &:hover {
						border: 1px solid alpha(black, 0.3);
						background-color: alpha(white, 0.2);
						background-image: none;
						box-shadow: none;
					}

					&:active, &:checked, &:active:hover, &:checked:hover  {
						border: 1px solid alpha(black, 0.3);
						background-color: alpha(black, 0.1);
						background-image: none;
						box-shadow: none;
					}
				}
			}
		}
	}
}