<!-- the defult card -->
<div class="sdi-card">
	<div class="sdi-card__header">
		card__header
	</div>
	<div class="sdi-card__main">
		card__main
	</div>
	<div class="sdi-card__footer">
		card__footer
	</div>
</div>

<!-- card lit and content only-->
<div class="sdi-card sdi-card--lit">
	<div class="sdi-card__main">
		card__main
	</div>
</div>

<!-- card lit and borderless-->
<div class="sdi-card sdi-card--lit sdi-card--border-0">
	<div class="sdi-card__main">
		card__main
	</div>
</div>
