From c5d6d930f1485db0902aba64e28703b78acf205d Mon Sep 17 00:00:00 2001
From: Max
Date: Mon, 11 Feb 2019 00:01:49 +0100
Subject: Improves the badge on the special offer page + includes the live
 example.

---
 sass/theme/_offer.scss | 47 ++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 42 insertions(+), 5 deletions(-)

(limited to 'sass/theme/_offer.scss')

diff --git a/sass/theme/_offer.scss b/sass/theme/_offer.scss
index 710b18f..9808149 100644
--- a/sass/theme/_offer.scss
+++ b/sass/theme/_offer.scss
@@ -19,16 +19,53 @@
 	padding-bottom: 0;
 }
 
+.card-header-dp-none {
+	 @extend .card-header;
+	 border-bottom: inherit;
+}
+
+.card-img-overlay-badge {
+	bottom: inherit;
+	left: inherit;
+	top: 12%;
+}
+
 .off-badge {
 	color: white; 
 	background-color: #F82F06 !important;
-	font-size: 150%; 
+	font-size: 150% !important; 
 	padding-right: 10px; 
 	padding-left:10px; 
 	opacity: 0.9;
-	margin-bottom: 150% !important;
-	margin-right: 1rem;
 }
-.off-badge-small {
-	font-size: 120%; 
+
+@media (min-width: 768px) {
+	.card-img {
+		padding: 0;
+		margin-left: 1rem;
+	}
+	.off-badge {
+		margin-top: 20px !important;
+	}
+}
+@media (max-width: 767px) {
+	.card-header-dp-none {
+		display: none !important;
+	}
+	.off-badge {
+		font-size: 200% !important;
+		margin-right: 2rem;
+	}
+}
+
+.btn-tertiary {
+	@extend .btn-secondary;
+	background-color: #0088A3;
+	/*
+	background-color: #06C9F0;
+	*/
+}
+
+.btn-group {
+	box-shadow: inherit;
 }
-- 
cgit v1.2.3