Cacher is the code snippet organizer for pro developers

<div class="news-item">
	<a class="news-item__link" href="#">
		<span class="news-item__date"></span>
		<span class="news-item__name"></span>
		<span class="news-item__img"><img src="" alt=""></span>
		<span class="news-item__text"></span>
	</a>
</div>

.news-item {
	&__link {
		display: block;
		text-decoration: none;
	}
	&__date {
		display: block;
	}
	&__name {
		display: block;
	}
	&__img {
		display: block;

		img {
			max-width: 100%;
		}
	}
	&__text {
		display: block;
	}
}