BEM like CSS Naming Conventions

footer.html

<div class="footer footer--main">
	<div class="footer__container">
		<p class="footer__text">
			Copyright ©2014 Foo Bar
		</p>
	</div>
</div>

<div class="footer footer--article">
	<div class="footer__container">
		<p class="footer__text">
			Copyright ©2014 Foo Bar
		</p>
	</div>
</div>

footer.less

.footer {
	width: 100%;
}

.footer__container {
	padding: 0 15px;
}

.footer__text {
	margin: 10px 0;
}

.footer--main {
	height: @footer--main-height;
	background-color: @footer--main-height;
	position: absolute;
	bottom: 0;
	.footer__container  {
		padding-top: 5px;
	}
}

.footer--article {
	border-top: 1px solid #BEBEBE;
}