From f13ac7db49a8e521b9d1beb2bf2be877e877837b Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 8 Feb 2020 23:18:39 +0100
Subject: [PATCH] pricing cards

---
 pages/_includes/cards/pricing-card.html | 2 +-
 pages/_includes/cards/ribbon.html       | 2 +-
 pages/_includes/ui/ribbon.html          | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 pages/_includes/ui/ribbon.html

diff --git a/pages/_includes/cards/pricing-card.html b/pages/_includes/cards/pricing-card.html
index c61c14b65..630ecdde5 100644
--- a/pages/_includes/cards/pricing-card.html
+++ b/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">
diff --git a/pages/_includes/cards/ribbon.html b/pages/_includes/cards/ribbon.html
index ec3975dac..7333d5dbd 100644
--- a/pages/_includes/cards/ribbon.html
+++ b/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>
diff --git a/pages/_includes/ui/ribbon.html b/pages/_includes/ui/ribbon.html
new file mode 100644
index 000000000..6d239bdde
--- /dev/null
+++ b/pages/_includes/ui/ribbon.html
@@ -0,0 +1 @@
+<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