[Summary view] [Print] [Text view]

   1  //
   2  // Accordion
   3  // --------------------------------------------------
   4  
   5  
   6  // Parent container
   7  .accordion {
   8    margin-bottom: @baseLineHeight;
   9  }
  10  
  11  // Group == heading + body
  12  .accordion-group {
  13    margin-bottom: 2px;
  14    border: 1px solid #e5e5e5;
  15    .border-radius(@baseBorderRadius);
  16  }
  17  .accordion-heading {
  18    border-bottom: 0;
  19  }
  20  .accordion-heading .accordion-toggle {
  21    display: block;
  22    padding: 8px 15px;
  23  }
  24  
  25  // General toggle styles
  26  .accordion-toggle {
  27    cursor: pointer;
  28  }
  29  
  30  // Inner needs the styles because you can't animate properly with any styles on the element
  31  .accordion-inner {
  32    padding: 9px 15px;
  33    border-top: 1px solid #e5e5e5;
  34  }