From 97ff935b13395d16bf82e2cf552cdbcb2e8af083 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 20 Jan 2023 00:33:35 +0100
Subject: [PATCH] refactor: migrate AttackList component

---
 src/components/AttackList.vue | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/AttackList.vue b/src/components/AttackList.vue
index 206d9c9..14eceb2 100644
--- a/src/components/AttackList.vue
+++ b/src/components/AttackList.vue
@@ -5,22 +5,15 @@
 </template>
 
 <style lang="scss">
-@import "@/scss/_mixins.scss";
-
 .attacks {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
 
   width: 100%;
+  max-width: var(--attack-list-max-width);
   margin: auto;
-
-  @include mq-desktop {
-    max-width: 45rem;
-  }
-
-  @media (min-width: 70em) {
-    max-width: 70em;
-  }
+  padding: 0 var(--container-spacing-right-safe) 0
+    var(--container-spacing-left-safe);
 }
 </style>