From 428e9e788bc8f1cb0dea379e2760d6aed0cad690 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 11 Jan 2022 14:23:39 +0100
Subject: [PATCH] refactor: shorten SCSS code

---
 src/components/QuickFacts.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/QuickFacts.vue b/src/components/QuickFacts.vue
index dde0091..be6ae74 100644
--- a/src/components/QuickFacts.vue
+++ b/src/components/QuickFacts.vue
@@ -50,19 +50,19 @@ export default {
     }
   }
 
-  &.open {
-    .quickfacts__head {
+  &.open:before {
+    transform: rotate(0deg);
+  }
+
+  &.open & {
+    &__head {
       background-color: $bg-color-light;
     }
 
-    .quickfacts__list {
+    &__list {
       max-height: 17em;
       padding: 1.5rem;
     }
-
-    &:before {
-      transform: rotate(0deg);
-    }
   }
 
   &__head {
@@ -82,7 +82,16 @@ export default {
 
     ul {
       margin: 0;
-      padding-left: 1.25em;
+      padding: 0 0.5em;
+
+      @media (min-width: 40em) {
+        columns: 2 auto;
+      }
+    }
+
+    li {
+      margin: 0 0 0 1em;
+      padding: 0;
     }
   }
 }