feat(accordion): add compact and very compact variations

This PR adds compact and very compact variations for the accordion module.

Author: prudho

src/definitions/modules/accordion.less

@@ -37,20 +37,20 @@
 }
 
 /* Default Styling */
-.ui.accordion .title:not(.ui) {
+.ui.accordion .title {
   padding: @titlePadding;
   font-family: @titleFont;
   font-size: @titleFontSize;
   color: @titleColor;
 }
 
 /* Default Styling */
-.ui.accordion:not(.styled) .title ~ .content:not(.ui),
-.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
+.ui.accordion:not(.styled) .title ~ .content,
+.ui.accordion:not(.styled) .accordion .title ~ .content {
   margin: @contentMargin;
   padding: @contentPadding;
 }
-.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
+.ui.accordion:not(.styled) .title ~ .content:last-child {
   padding-bottom: 0;
 }
 
@@ -176,6 +176,56 @@
   }
 }
 
+& when (@variationAccordionCompact) {
+  /*--------------
+       Compact
+  ---------------*/
+
+  /* Default Styling */
+  .ui.compact.accordion:not(.styled) .title {
+    padding: @titlePaddingCompact;
+  }
+
+  .ui.compact.accordion:not(.styled) .title ~ .content,
+  .ui.compact.accordion:not(.styled) .accordion .title ~ .content {
+    padding: @contentPaddingCompact;
+  }
+
+  /* Styled */
+  .ui.compact.styled.accordion .title,
+  .ui.compact.styled.accordion .accordion .title {
+    padding: @styledTitlePaddingCompact;
+  }
+
+  .ui.compact.styled.accordion .title ~ .content,
+  .ui.compact.styled.accordion .accordion .title ~ .content {
+    padding: @styledContentPaddingCompact;
+  }
+
+  /*--------------
+    Very Compact
+  ---------------*/
+
+  .ui[class*="very compact"].accordion:not(.styled) .title {
+    padding: @titlePaddingVeryCompact;
+  }
+
+  .ui[class*="very compact"].accordion:not(.styled) .title ~ .content,
+  .ui[class*="very compact"].accordion:not(.styled) .accordion .title ~ .content {
+    padding: @contentPaddingVeryCompact;
+  }
+
+  .ui[class*="very compact"].styled.accordion .title,
+  .ui[class*="very compact"].styled.accordion .accordion .title {
+    padding: @styledTitlePaddingVeryCompact;
+  }
+
+  .ui[class*="very compact"].styled.accordion .title ~ .content,
+  .ui[class*="very compact"].styled.accordion .accordion .title ~ .content {
+    padding: @styledContentPaddingVeryCompact;
+  }
+}
+
 
 /*******************************
             States
@@ -210,7 +260,7 @@
        Inverted
   ---------------*/
 
-  .ui.inverted.accordion .title:not(.ui) {
+  .ui.inverted.accordion .title {
     color: @invertedTitleColor;
   }
 }

src/themes/default/globals/variation.variables

@@ -377,6 +377,7 @@
 @variationAccordionInverted: true;
 @variationAccordionStyled: true;
 @variationAccordionFluid: true;
+@variationAccordionCompact: true;
 
 /* Calendar */
 @variationCalendarInverted: true;

src/themes/default/modules/accordion.variables

@@ -98,3 +98,18 @@
 /* Inverted */
 @invertedTitleColor: @invertedTextColor;
 
+/* Compact */
+@titlePaddingCompact: 0.25em 0;
+@contentPaddingCompact: 0.25em 0 0.5em;
+
+/* Very Compact */
+@titlePaddingVeryCompact: 0.125em 0;
+@contentPaddingVeryCompact: 0.125em 0 0.25em;
+
+/* Styled Compact */
+@styledTitlePaddingCompact: 0.375em 0.5em;
+@styledContentPaddingCompact: 0.25em 0.5em 0.75em;
+
+/* Styled Very Compact */
+@styledTitlePaddingVeryCompact: 0.1875em 0.25em;
+@styledContentPaddingVeryCompact: 0.125em 0.25em 0.375em;