@import "functions";

@mixin linked_entry($bg) {
	border-width: 1px;
	border-radius: 0;
	border-right-width: 0;
	border-left-width: 0;

	&:first-child {
		border-width: 1px;
		border-radius: $roundness;
		border-right-width: 0;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

	&:last-child {
		border-width: 1px;
		border-radius: $roundness;
		border-left-width: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

	&:only-child {
		border-width: 1px;
		border-radius: $roundness;
	}
}

@mixin entry($bg, $fg) {
	@include linear-gradient($bg);
	@include border(shade($bg, .9));

	padding: ($spacing - 1px) ($spacing + 1px);
	border-width: 1px;
	border-style: solid;
	border-radius: $roundness;
	transition: border 100ms ease;
	box-shadow: inset 1px 0 alpha($dark_shadow, .1),
				inset 0 1px alpha($dark_shadow, .12),
				inset -1px 0 alpha($dark_shadow, .1),
				inset 0 -1px alpha($dark_shadow, .05);

	&:selected, &:selected:focus {
		background-color: $selected_bg_color;
		color: $selected_fg_color;
	}

	&:insensitive {
		@include linear-gradient(shade($bg, .9));

		color: mix($bg, $fg, .5);
		box-shadow: none;
	}

	&.progressbar {
		@include linear-gradient($selected_bg_color);

		border-width: 0;
		border-radius: $roundness;
		color: $selected_fg_color;
	}

	&.image.left { padding-right: $spacing; }
}

.entry {
	@include entry($base_color, $text_color);

	.linked & { @include linked_entry($base_color); }
}