From 507b447b5f0fc3d9c05d5529f94ef9df5c31c05b Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 29 Jul 2021 15:58:24 +0200
Subject: [PATCH] add kit atelier desc styling

---
 src/components/nodes/NodeViewBody.vue | 57 +++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/src/components/nodes/NodeViewBody.vue b/src/components/nodes/NodeViewBody.vue
index 2038d86..f12ff5c 100644
--- a/src/components/nodes/NodeViewBody.vue
+++ b/src/components/nodes/NodeViewBody.vue
@@ -162,6 +162,63 @@ export default {
     line-height: inherit;
   }
 
+  blockquote {
+    padding-left: 2em;
+    margin: 1.5em 0;
+    font-size: .9em;
+
+    @include media-breakpoint-up($size-bp) {
+      font-size: .85em;
+    }
+  }
+
+  pre {
+    white-space: pre-wrap;
+  }
+
+  &-wrapper ul:first-child {
+    background-color: $black;
+    color: $white;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    font-family: $font-family-base;
+    font-size: 1rem;
+    list-style: none;
+    padding: .75rem;
+    margin-top: 1rem;
+
+    li {
+      flex-basis: 100%;
+
+      @include media-breakpoint-up(sm) {
+        flex-basis: 50%;
+      }
+
+      @include media-breakpoint-up(xl) {
+        flex-basis: 25%;
+      }
+
+      strong {
+        display: block;
+      }
+
+      p {
+        margin: 0;
+      }
+    }
+
+  }
+
+  &-card &-wrapper ul:first-child {
+    li {
+      flex-basis: 100%;
+    }
+    strong {
+      display: inline;
+    }
+  }
+
   @include media-breakpoint-up($size-bp) {
     font-size: 2rem;
   }