$projects-spacing-unit: $base-spacing-unit !default;

$projects-border-width: 1px !default;
$projects-border-style : solid !default;
$projects-border-color: $border-color !default;

$projects-background-color: $background-color !default;
$projects-background-color--active: #fff !default;
$projects-box-shadow: $box-shadow !default;

.tailor-ui {

	.tailor-projects {
		margin-bottom: #{$projects-spacing-unit}em;
		border-style: $projects-border-style;
		border-color: $projects-border-color;

		.entry {
			margin-bottom: #{$projects-spacing-unit}em;
		}

		.entry__title {
			margin: 1em 0 0.5em;

			a {
				color: inherit;
			}
		}

		.entry__meta {
			display: block;
			font-size: 0.875em;

			span {
				position: relative;
				display: inline-block;

				&:not( :last-child ) {
					padding-right: 8px;
					margin-right: 8px;

					&:after {
						position: absolute;
						right: 0;
						content: '|';
					}
				}
			}
		}

		.entry__thumbnail {
			overflow: hidden;

			a {
				display: block;
			}

			img {
				margin: 0;
			}
		}

		.entry__more {
			display: inline-block;
			margin-top: 0.25em;
		}
	}

	.tailor-grid--projects {

		.tailor-grid {
			display: block;
		}

		.tailor-grid__item {
			padding: 1em;
		}
	}

	.tailor-list--projects {

		.entry:last-child {
			margin-bottom: 0;
		}
	}

	.tailor-projects--boxed {

		.entry {
			border: $projects-border-width $projects-border-style $projects-border-color;
			background-color: #fff;
			overflow: hidden;
		}

		.entry__content {
			padding-right: 2em;
			padding-bottom: 2em;
			padding-left: 2em;
		}
	}
}