From ece168b02c73104ef67a6b7f6cba253cdfb4152b Mon Sep 17 00:00:00 2001
From: Max
Date: Tue, 12 Jan 2021 13:31:30 +0100
Subject: Adds css to show a banner for the angebote website.

---
 sass/theme/_offer.scss |  6 +++++-
 sass/theme/_theme.scss | 28 ++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

(limited to 'sass')

diff --git a/sass/theme/_offer.scss b/sass/theme/_offer.scss
index ab14095..8a8e0f5 100644
--- a/sass/theme/_offer.scss
+++ b/sass/theme/_offer.scss
@@ -27,7 +27,11 @@
 .card-img-overlay-badge {
 	bottom: inherit;
 	left: inherit;
-	top: 12%;
+	//top: 12%;
+}
+.offer-index {
+	margin-top: 1%;
+	margin-bottom: 1%;
 }
 
 .off-badge {
diff --git a/sass/theme/_theme.scss b/sass/theme/_theme.scss
index b91c5b6..129ef15 100644
--- a/sass/theme/_theme.scss
+++ b/sass/theme/_theme.scss
@@ -371,4 +371,32 @@ span.rpwwt-post-title:hover{
 
 //li.active > .dropdown-toggle {
 
+.angebot-banner {
+	@extend .alert;
+	@extend .alert-primary;
+	background-color: #f07206;
+	color: white;
+	box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
 
+	//background-image: url(../img/sale.png);
+	background-image: url(../img/sale-opac.png);
+	background-position: right;
+	background-repeat: no-repeat;
+	text-decoration: none !important;
+
+}
+
+a > .angebot-banner:hover {
+	text-decoration: none !important;
+}
+
+@media (max-width: 768px) {
+	.angebot-banner {
+		font-weight: bold;
+	}
+}
+
+.angebot-banner:hover {
+	text-decoration: none !important;
+	background-color: scale-color(#f07206, $lightness: -10%);
+}
-- 
cgit v1.2.3