Fixes accordion display issues

RELEASE NOTES.md

@@ -1,5 +1,10 @@
 ## RELEASE NOTES
 
+### Version 0.3.8 - Oct 8, 2013
+
+**Fixes**
+- Display issues with accordion
+
 ### Version 0.3.7 - Oct 8, 2013
 
 **Fixes**

build/less/modules/accordion.less

@@ -117,6 +117,7 @@
   padding: 0em;
 }
 
+
 /*******************************
             Types
 *******************************/
@@ -132,17 +133,24 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
 
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
 
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
+
 
 /*******************************
             States

build/minified/modules/accordion.min.css

@@ -1 +1 @@
-.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}
+.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title,.ui.basic.accordion .title{background-color:transparent;border-top:0;padding-left:0;padding-right:0}.ui.basic.accordion .content{padding-left:0;padding-right:0}.ui.basic.accordion .active.title{background-color:transparent}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}

build/packaged/css/semantic.css

@@ -9119,15 +9119,20 @@ a.ui.teal.label:hover:before {
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

build/uncompressed/modules/accordion.css

@@ -89,15 +89,20 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

node/Gruntfile.js

@@ -119,13 +119,13 @@ module.exports = function(grunt) {
         force: true
       },
       build : [
-        'src/files/build',
         '../build/less',
         '../build/minified',
         '../build/packaged',
         '../build/uncompressed'
       ],
       release : [
+        'src/files/build',
         '../docs',
         '../rtl'
       ]

node/package.json

@@ -1,7 +1,7 @@
 {
   "semantic": {
     "name": "Semantic UI",
-    "version": "0.3.7"
+    "version": "0.3.8"
   },
   "dependencies": {
     "docpad": "~6.53.1",

node/src/documents/index.html.eco

@@ -14,7 +14,7 @@ type   : 'Semantic'
   <div class="ui page grid">
     <div class="column">
       <div class="introduction">
-        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.3.7</a></h1>
+        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.3.8</a></h1>
         <h2 class="ui header">UI is the vocabulary of the web.</h2>
         <p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
         <a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>

node/src/files/build/less/modules/accordion.less

@@ -117,6 +117,7 @@
   padding: 0em;
 }
 
+
 /*******************************
             Types
 *******************************/
@@ -132,17 +133,24 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
 
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
 
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
+
 
 /*******************************
             States

node/src/files/build/minified/modules/accordion.min.css

@@ -1 +1 @@
-.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}
+.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title,.ui.basic.accordion .title{background-color:transparent;border-top:0;padding-left:0;padding-right:0}.ui.basic.accordion .content{padding-left:0;padding-right:0}.ui.basic.accordion .active.title{background-color:transparent}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}

node/src/files/build/packaged/css/semantic.css

@@ -9119,15 +9119,20 @@ a.ui.teal.label:hover:before {
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

node/src/files/build/uncompressed/modules/accordion.css

@@ -89,15 +89,20 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

rtl/less/modules/accordion.less

@@ -117,6 +117,7 @@
   padding: 0em;
 }
 
+
 /*******************************
             Types
 *******************************/
@@ -132,17 +133,24 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-right: 0em;
+  padding-left: 0em;
 }
 
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-right: 0em;
   padding-left: 0em;
 }
 
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
+
 
 /*******************************
             States

rtl/minified/modules/accordion.min.css

@@ -1 +1 @@
-.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 0 0 .5em;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-right:0;padding-left:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}
+.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 0 0 .5em;-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;-moz-transition:-moz-transform .2s ease,opacity .2s ease;-o-transition:-o-transform .2s ease,opacity .2s ease;-ms-transition:-ms-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title,.ui.basic.accordion .title{background-color:transparent;border-top:0;padding-right:0;padding-left:0}.ui.basic.accordion .content{padding-right:0;padding-left:0}.ui.basic.accordion .active.title{background-color:transparent}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.fluid.accordion{width:100%}

rtl/packaged/css/semantic.css

@@ -9119,15 +9119,20 @@ a.ui.teal.label:hover:before {
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-right: 0em;
+  padding-left: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-right: 0em;
   padding-left: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

rtl/uncompressed/modules/accordion.css

@@ -89,15 +89,20 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-right: 0em;
+  padding-left: 0em;
 }
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-right: 0em;
   padding-left: 0em;
 }
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
 /*******************************
             States
 *******************************/

src/modules/accordion.less

@@ -117,6 +117,7 @@
   padding: 0em;
 }
 
+
 /*******************************
             Types
 *******************************/
@@ -132,17 +133,24 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+
+.ui.basic.accordion .title,
 .ui.basic.accordion .title {
   background-color: transparent;
   border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
 }
 
-.ui.basic.accordion .title,
 .ui.basic.accordion .content {
   padding-left: 0em;
   padding-right: 0em;
 }
 
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
+
 
 /*******************************
             States