// Entry Content
//
// Styleguide elements.entry

// Entry Header
//
// A block that can be used throughout the theme. Often found on the single
// posts/ pages and archives.
//
// Markup:
// <div class="entry-header">
// <div class="entry-meta"><span>Dudley</span> <span><a href="#">Dursley</a></span></div>
// <h1 class="entry-title {{modifier_class}}">Philosophers Stone</h1>
// <p class="entry-meta">Chapter 1</p>
// <div class="entry-intro">It is impossible to live without failing at something, unless you live so cautiously that you might has well not have lived at all, in which case you have failed by default.</div>
// </div>
//
// Styleguide elements.entry.header
.entry-header {

	margin-bottom: ( $grid-line-height * 2 );
	grid-column: 1/-1;

	@include for-desktop {

		margin-bottom: ( $grid-line-height * 4 );

	}

	p:last-of-type {

		margin-bottom: 0;

	}

}

// Entry Title
//
// Massive title text for use in .entry-headers
//
// .summary - A title for the archive post listings.
//
// Markup:
// <h1 class="entry-title {{modifier_class}}"><small>Book 1</small> Philosophers Stone</h1>
//
// Styleguide elements.entry.title
.entry-title {

	font-weight: bold;
	@include modular-scale( gamma );

	@include for-tablet {

		@include modular-scale( alpha );

	}

	@include for-desktop {

		@include modular-scale( mega );

	}

	small {

		display: block;
		@include modular-scale( epsilon );
		letter-spacing: initial;

	}

	&.summary {

		@include modular-scale( gamma );

	}

}

// Entry Meta
//
// Style for entry meta data. Individual parts of the meta data should be
// wrapped in an element (a span or an anchor, or some other thing). The
// elements will have margin applied to create consistent spacing so the
// wrapping element is required.
//
// Markup:
// <div class="entry-meta"><span>Dudley</span> <span><a href="#">Dursley</a></span></div>
//
// Styleguide elements.entry.meta
.entry-meta {

	@include post-meta-data;
	margin-bottom: ( $grid-line-height * 2 );

	> * {

		margin-inline-end: ( $grid-gutter / 2 );

	}

	a {

		&.current-page {

			background: $black;
			color: $white;
			padding: 0.3em 0.6em;

			box-shadow: $border-shadow-small;

		}

	}

}

// Entry Intro
//
// A block with large text that can be used for category descriptions, or displaying the excerpt on a post.
//
// Markup:
// <div class="entry-intro">It is impossible to live without failing at something, unless you live so cautiously that you might has well not have lived at all, in which case you have failed by default.</div>
//
// Styleguide elements.entry.intro
.entry-intro {

	@include modular-scale( delta );
	max-width: $grid-small-width;
	margin-bottom: 0;
	margin-top: $grid-line-height;
	font-weight: 100;

	p {

		&:last-child {

			margin-bottom: 0;

		}

	}

}

// Author Summary
//
// Used on contributor custom template and blog post page when enabled by the
// user.
//
// Markup:
// <section class="entry-author">
// <img src="https://picsum.photos/250/250" class="avatar" height="250" width="250">
// <div class="entry">
// <h2 class="author">Harry Potter</h2>
// <p>Harry defeated the dark lord, and is best friends with Ron and Hermione. He's married to Ginny and has some children. When he's not busy fighting evil he likes to snuggle up and watch Quidditch.</p>
// <p><a class="contributor-posts-link" href="http://localhost/wordpress-themes/author/sixhours/">68 Articles</a></p>
// </div>
// </section>
//
// Styleguide components.entry-author
.entry-author {

	margin: ( $grid-line-height * 3 ) 0;
	display: grid;
	grid-template-columns: 15% auto;
	column-gap: $grid-gutter;

	h2 {

		margin-bottom: ( $grid-line-height / 2 );

	}

	.avatar {

		max-width: 100%;
		box-shadow: $border-shadow;

	}

}


// Breadcrumbs
//
// Display breadcrumbs on posts and categories.
//
// Note that the span inside the links is required so that the links can be
// underlined without underlining the pseudo elements that make up the arrows.
//
// Note also that the Toolbelt and Jetpack plugins add all sorts of other html
// to the breadcrumbs so that microformats work properly.
//
// Markup:
// <nav class="entry-breadcrumbs">
// <a href="#" class="home-link"><span>Home</span></a>
// <a href="#" itemprop="item"><span>Page</span></a>
// <span class="current-page">Child Page</span>
// </nav>
//
// Styleguide components.entry-breadcrumbs
.entry-breadcrumbs {

	@include post-meta-data;

}
