From 36a98f9bb255243c787988615d2a3f2b3686c82c Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 23 Mar 2023 16:56:05 +0100
Subject: [PATCH] Redo borders around FAQ

---
 sass/style.scss | 30 ++++++++----------------------
 1 file changed, 8 insertions(+), 22 deletions(-)

diff --git a/sass/style.scss b/sass/style.scss
index 2c0b78f..2cbb462 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -755,24 +755,18 @@ body.noscroll {
 		transition: all .5s ease;
 
 		// Hide bottom border.
-		// It is -2px to avoid float rounding errors
-		// which cause the border to appear in some widths.
-		margin-bottom: -2px;
+		margin-bottom: -1px;
 
-		&:before,
-		&:last-child:after {
-			content: "";
-			position: absolute;
-			left: 10%;
-			width: 80%;
-			border-width: 1px 0 0 0;
-			border-style: solid;
-			border-color: $col-secondary;
+		border-width: 1px 0 0 0;
+		border-style: solid;
+		border-color: rgba(200,200,200,0.1);
+
+		&:last-child {
+			border-width: 1px 0;
 		}
-		&:before { top: 0 }
-		&:last-child:after { bottom: 0 }
 
 		&.active {
+			border-width: 0;
 			background-color: $col-accent;
 			z-index: 1;
 
@@ -968,14 +962,6 @@ footer {
 		}
 	}
 
-	.faq-list .faq {
-		&:before,
-		&:last-child:after {
-			width: 100%;
-			left: 0;
-		}
-	}
-
 	.checklist {
 		justify-content: center;
 	}