///////////////////////////////////////////////////////////////////////////////////
// API ENDPOINT
////////////////////////////////////////////////////////////////////////////////
.api-endpoint {
	margin-right: $examples-width;
	padding: 0 $main-padding;
	box-sizing: border-box;
	display: block;
	@extend %left-col;

	.endpoint-data {
		background-color: $code-bg;
		color: #fff;
		border-radius: 5px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #404040;
		text-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.4 );
		margin: 15px 0;
		height: 38px;

		i {
			display: inline-block;
			margin: 5px;
			padding: 4px 12px;
			line-height: 20px;
		}

		h6 {
			display: inline-block;
			margin: 0;
			@extend %code-font;
			text-transform: lowercase;
			font-weight: 400;
		}
	}
}
