KSS Style Guide

Counter Box

Toggle example guides Toggle HTML markup

Your standard button suitable for clicking.

<insert-markup>molecules.counter.box-</insert-markup>
1123

Awards & Certyfications

Changing the options for each once added

Markup: ..\..\styleguide\templates\molecules\counter-box.html
<div class="rocksite-m-counter-box">
	<div class="rocksite-m-counter-box__content">
		<span class="rocksite-m-counter-box__content__counter">1123</span>
		<p class="rocksite-m-counter-box__content__prefix">Awards &amp; Certyfications</p>
		<p class="rocksite-m-counter-box__content__sufix">Changing the options for each once added</p>
	</div>
</div>
Source: ../source/scss/components/molecules/_counter-box.scss, line 1