KSS Style Guide

<insert-markup>molecules.pricing-</insert-markup>

Regular Version

$120 / monthly
  • Up to 20 users
  • 50GB
  • Statistics and tracking
Markup: ..\..\styleguide\templates\molecules\pricing.html
<div class="rocksite-m-pricing-box ">
	<h4 class="rocksite-m-pricing-box__title">
		Regular Version
	</h4>
	<div class="rocksite-m-pricing-box__price">
		<span class="rocksite-m-pricing-box__price__currency">$</span><span class="rocksite-m-pricing-box__price__amount">120</span>
		<span class="rocksite-m-pricing-box__price__period"> / monthly</span>
	</div>
	<ul class="rocksite-m-pricing-box__features">
		<li>Up to 20 users</li>
		<li>50GB</li>
		<li>Statistics and tracking</li>
	</ul>
    <div class="rocksite-m-pricing-box__footer">
	    <a href="#" class="rocksite-a-button -primary">
	    	Click me
	    </a>
	    
	    
    </div>
</div>
Source: ../source/scss/components/molecules/_pricing.scss, line 1