Uses bootstrap theme-colors map.

2 files changed, 31 insertions, 1 deletions

diff --git a/sass/theme/_offer.scss b/sass/theme/_offer.scss
index e378637..ae022bb 100644
--- a/sass/theme/_offer.scss
+++ b/sass/theme/_offer.scss
@@ -32,12 +32,15 @@
 
 .off-badge {
 	color: white; 
-	background-color: #F82F06 !important;
+	background-color: theme-color(similar) !important;
 	font-size: 150% !important; 
 	padding-right: 10px; 
 	padding-left:10px; 
 	opacity: 0.9;
 }
+.new-price {
+	color: theme-color(similar);
+}
 
 @media (min-width: 768px) {
 	.card-img {
@@ -57,6 +60,14 @@
 		margin-right: 2rem;
 	}
 }
+@media (max-width: 992px) {
+	.d-md-none {
+		display: none;
+	}
+	.dp-md-none {
+		display: none;
+	}
+}
 
 .btn-tertiary {
 	@extend .btn-secondary;
@@ -65,6 +76,10 @@
 	background-color: #06C9F0;
 	*/
 }
+.btn-complementary{
+	@extend .btn-secondary;
+	background-color: theme-color("complementary");
+}
 
 .btn-group {
 	box-shadow: inherit;
diff --git a/sass/theme/_theme_variables.scss b/sass/theme/_theme_variables.scss
index 05a6669..ed203b8 100644
--- a/sass/theme/_theme_variables.scss
+++ b/sass/theme/_theme_variables.scss
@@ -14,11 +14,26 @@ $secondary: (
 	dark:  darken(#F07206, 10%),
 	light: lighten(#F07206, 10%)
 );
+$similar: (
+	color: #F83207,
+	dark:  darken(#F83207, 10%),
+	light: lighten(#F83207, 10%)
+);
 $tertiary: (
 	color: #F07206,
 	dark:  darken(#F07206, 10%),
 	light: lighten(#F07206, 10%)
 );
+$complementary :(
+	color: #0087A3,
+	dark:  darken(#0087A3, 10%),
+	light: lighten(#0087A3, 10%)
+);
+$theme-colors: (
+	"similar": $similar,
+	"tertiary": $tertiary,
+	"complementary": $complementary
+);
 
 $white:    #fff !default;
 $gray-100: #f8f9fa !default;