.rss-view {
	display: grid;
	flex-grow: 1;
	grid-column-gap: ($gutters / 2);
	grid-template-areas:
		'panels-header border content-header'
		'panels border content';
	grid-template-columns: 1fr auto 2fr;
	grid-template-rows: auto 1fr;
	height: 100%;
	max-width: 100%;
	overflow-y: hidden;
	padding: 0 ($gutters / 2);

	.alignment-box{
		margin-top: 1.7em;
	}

	.panels-header {
		grid-area: panels-header;
	}

	.rss-article-content {
		-webkit-app-region: no-drag;
		margin: auto;
		max-width: 720px;
		padding-bottom: 100px;

		h1 {
			font-size: 30px;
		}

		p {
			font-size: 15px;
			font-weight: normal;
			line-height: 26px;
		}

		a {
			color: $foreground-green;
			text-decoration: none;

			&:hover {
				text-decoration: underline;
			}
		}

		img {
			max-width: 100%;
		}
	}

	&.featured{
		label {
			color: $foreground-black;
		}

		> * {
			margin-bottom: 2em;
		}
		.alignment-box{
			margin-top: 0;
		}
	}

	.panels {
		grid-area: panels;
		min-width: 0;
		overflow-y: scroll;

		&.featured-description {
			font-size: 15px;

			label {
				font-size: 11px;
				font-weight: bold;
			}

			h1 {
				font-size: 25px;
				font-weight: bold;
			}
		}
	}

	&.featured {
		grid-template-areas:
			'featured border content-header'
			'featured border content'
			'desc border content';
		grid-template-columns: 1fr auto 2fr;
		grid-template-rows: 101px 101px auto;
		padding-top: 2em;

		.panels-header {
			grid-area: featured;
		}

		.panels {
			grid-area: desc;
		}
	}

	.border {
		background: linear-gradient(to top, #ebebeb, #f7f7f7);
		grid-area: border;
		width: 5px;
	}

	.content {
		grid-area: content;
		max-width: 100%;
		overflow-y: scroll;
	}

	.content-header {
		grid-area: content-header;
		margin: auto;
		width: 720px;

		&.list-view-header {
			margin: 0;
			width: unset;
		}
	}

	.none-selected {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		max-height: 100vh;
	}
	.description {
		font-size: 14px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

}
