Ajout exemple accordéon

Author: olivier3lanc

content/accordion.html

@@ -0,0 +1,57 @@
+---
+title: Accordéon
+description: Création d'un menu accordéon
+layout: libdoc/page-codemirror
+category: Exemples
+order: 80
+---
+<section class="
+    c-txt m-ff-lead-400
+    c-skin m-bl-4 m-br-4 m-bb-4"
+    data-pane-default-class="u-d-none"
+    data-pane-active-class="c-dim m-p-6 m-pt-0"
+    data-tab-default-class="
+    c-txt m-ff-lead-400 m-fs-6 m-ta-left
+    c-dim m-w-100 m-p-6
+    c-skin m-bc-0 m-c-neutral-900 m-bt-4 m-br-0 m-bb-0 m-bl-0"
+    data-tab-active-class="
+    c-txt m-ff-lead-700 m-fs-6 m-ta-left
+    c-dim m-w-100 m-p-6
+    c-skin m-bc-0 m-c-neutral-900 m-bt-4 m-br-0 m-bb-0 m-bl-0">
+    <!-- Premier item -->
+    <button class="
+        c-txt m-ff-lead-700 m-fs-6 m-ta-left
+        c-dim m-w-100 m-p-6
+        c-skin m-bc-0 m-c-neutral-900 m-bt-4 m-br-0 m-bb-0 m-bl-0"
+        c-tab="item-1">
+        Item 1
+    </button>
+    <div class="c-dim m-p-6 m-pt-0" 
+        c-tab-name="item-1">
+        Contenu de l'item 1
+    </div>
+    <!-- 2e item -->
+    <button class="
+        c-txt m-ff-lead-400 m-fs-6 m-ta-left
+        c-dim m-w-100 m-p-6
+        c-skin m-bc-0 m-c-neutral-900 m-bt-4 m-br-0 m-bb-0 m-bl-0"
+        c-tab="item-2">
+        Item 2
+    </button>
+    <div class="u-d-none" 
+        c-tab-name="item-2">
+        Contenu de l'item 2
+    </div>
+    <!-- 3e item -->
+    <button class="
+        c-txt m-ff-lead-400 m-fs-6 m-ta-left
+        c-dim m-w-100 m-p-6
+        c-skin m-bc-0 m-c-neutral-900 m-bt-4 m-br-0 m-bb-0 m-bl-0"
+        c-tab="item-3">
+        Item 3
+    </button>
+    <div class="u-d-none" 
+        c-tab-name="item-3">
+        Contenu de l'item 3
+    </div>
+</section>