feat: introduce attack list and attack item components

2022-07-19 15:51:42 +02:00 · 2022-07-19 15:51:42 +02:00 · c682e2b38b
commit c682e2b38b
parent e693cf8812
2 changed files with 118 additions and 0 deletions
--- a/src/components/AttackList.vue
+++ b/src/components/AttackList.vue
@ -0,0 +1,26 @@
+<template>
+  <div class="attacks">
+    <slot></slot>
+  </div>
+</template>
+
+<style lang="scss">
+@import "@/scss/_mixins.scss";
+
+.attacks {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+
+  width: 100%;
+  margin: auto;
+
+  @include mq-desktop {
+    max-width: 45rem;
+  }
+
+  @media (min-width: 70em) {
+    max-width: 70em;
+  }
+}
+</style>