Add Accordions link

picturepan2 · Apr 27, 2017 · 42cf02f · 42cf02f
1 parent 771544f
commit 42cf02f
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -75,6 +75,7 @@ You can compile your custom version of Spectre.css. Read [the documentation](htt
 - [Utilities](https://picturepan2.github.io/spectre/utilities.html) - layout, positions, display, text, shapes, loading things
 
 #### Experimentals
+- [Accordions](https://picturepan2.github.io/spectre/experimentals.html#accordions) - used to toggle sections of content
 - [Calendars](https://picturepan2.github.io/spectre/experimentals.html#calendars) - date or date range picker and events display
 - [Carousels](https://picturepan2.github.io/spectre/experimentals.html#carousels) - slideshows for cycling images
 - [Comparison Sliders](https://picturepan2.github.io/spectre/experimentals.html#comparison) - sliders for comparing two images, built entirely in CSS

diff --git a/docs/css/docs.css b/docs/css/docs.css
@@ -213,7 +213,7 @@
     padding: 0 .5rem;
   }
   .docs-sidebar {
-    padding: 7rem 1rem 3.5rem 1rem;
+    padding: 7rem 1rem 5rem 1rem;
   }
   .docs-sidebar .docs-nav {
     position: relative;

diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css
@@ -12,7 +12,7 @@
   margin-bottom: .8rem;
   max-height: 0;
   overflow: hidden;
-  padding: 0 .8rem;
+  padding: .2rem .8rem;
   transition: max-height .3s ease;
 }
 .calendar {

diff --git a/docs/dist/spectre-exp.min.css b/docs/dist/spectre-exp.min.css
diff --git a/docs/index.html b/docs/index.html
@@ -329,6 +329,9 @@ <h5>Colors</h5>
           <section class="notes">
             <p><strong>April 2017</strong></p>
             <ul>
+              <li>
+                <a href="experimentals.html#accordions">Accordions</a>: used to toggle sections of content <small class="label label-primary">NEW</small>
+              </li>
               <li>
                 <a href="experimentals.html#filters">Filters</a>: CSS only content filters <small class="label label-primary">NEW</small>
               </li>

diff --git a/docs/src/docs.less b/docs/src/docs.less
@@ -255,7 +255,7 @@
   }
 
   .docs-sidebar {
-    padding: 7rem 1rem 3.5rem 1rem;
+    padding: 7rem 1rem 5rem 1rem;
 
       .docs-nav {
         position: relative;

diff --git a/src/accordions.less b/src/accordions.less
@@ -18,7 +18,7 @@
       margin-bottom: .8rem;
       max-height: 0;
       overflow: hidden;
-      padding: 0 .8rem;
+      padding: .2rem .8rem;
       transition: max-height .3s ease;
     }
   }