pricing cards

pages/_includes/cards/pricing-card.html

@@ -2,7 +2,7 @@
 {% assign available-features = include.features | default: '1000' | split: '' %}
 <div class="card">
 	{% if include.featured-color %}
-	<div class="card-status bg-{{ include.featured-color }}"></div>
+	{% include ui/ribbon.html color=include.featured-color bookmark=true top=true %}
 	{% endif %}
 
 	<div class="card-body text-center">

pages/_includes/cards/ribbon.html

@@ -9,5 +9,5 @@
 		{% endif %}
 	</div>
 
-	<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
+	{% include ui/ribbon.html color=include.color top=include.top left=include.left bottom=include.bottom bookmark=include.bookmark %}
 </div>

pages/_includes/ui/ribbon.html

+<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
\ No newline at end of file