Adds fluid enhancement to accordion, cleans up css comments, fixing #167

11 years ago · 3607290512
7 changed files with 204 additions and 108 deletions
--- a/build/less/modules/accordion.less
+++ b/build/less/modules/accordion.less
@ -10,7 +10,7 @@
 */

 /*******************************
-            Button
+            Accordion
 *******************************/

 .ui.accordion {
@ -117,6 +117,32 @@
  padding: 0em;
 }

+/*******************************
+            Types
+*******************************/
+
+/*--------------
+     Basic
+---------------*/
+
+.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: none;
+}
+
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
+

 /*******************************
            States
@ -156,20 +182,10 @@
            Variations
 *******************************/

-.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: none;
-}
+/*--------------
+     Fluid
+---------------*/

-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+.ui.fluid.accordion {
+  width: 100%;
 }
--- a/build/packaged/css/semantic.css
+++ b/build/packaged/css/semantic.css
@ -9001,7 +9001,7 @@ a.ui.teal.label:hover:before {
 *
 */
 /*******************************
-            Button
+            Accordion
 *******************************/
 .ui.accordion {
  width: 600px;
@ -9069,6 +9069,27 @@ a.ui.teal.label:hover:before {
 .ui.basic.accordion.menu .content {
  padding: 0em;
 }
+/*******************************
+            Types
+*******************************/
+/*--------------
+     Basic
+---------------*/
+.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: none;
+}
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
 /*******************************
            States
 *******************************/
@ -9099,20 +9120,11 @@ a.ui.teal.label:hover:before {
 /*******************************
            Variations
 *******************************/
-.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: none;
-}
-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.accordion {
+  width: 100%;
 }

 /*
--- a/build/uncompressed/modules/accordion.css
+++ b/build/uncompressed/modules/accordion.css
@ -9,7 +9,7 @@
 *
 */
 /*******************************
-            Button
+            Accordion
 *******************************/
 .ui.accordion {
  width: 600px;
@ -77,6 +77,27 @@
 .ui.basic.accordion.menu .content {
  padding: 0em;
 }
+/*******************************
+            Types
+*******************************/
+/*--------------
+     Basic
+---------------*/
+.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: none;
+}
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
 /*******************************
            States
 *******************************/
@ -107,18 +128,9 @@
 /*******************************
            Variations
 *******************************/
-.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: none;
-}
-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.accordion {
+  width: 100%;
 }
--- a/node/src/files/build/less/modules/accordion.less
+++ b/node/src/files/build/less/modules/accordion.less
@ -10,7 +10,7 @@
 */

 /*******************************
-            Button
+            Accordion
 *******************************/

 .ui.accordion {
@ -117,6 +117,32 @@
  padding: 0em;
 }

+/*******************************
+            Types
+*******************************/
+
+/*--------------
+     Basic
+---------------*/
+
+.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: none;
+}
+
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
+

 /*******************************
            States
@ -156,20 +182,10 @@
            Variations
 *******************************/

-.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: none;
-}
+/*--------------
+     Fluid
+---------------*/

-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+.ui.fluid.accordion {
+  width: 100%;
 }
--- a/node/src/files/build/packaged/css/semantic.css
+++ b/node/src/files/build/packaged/css/semantic.css
@ -9001,7 +9001,7 @@ a.ui.teal.label:hover:before {
 *
 */
 /*******************************
-            Button
+            Accordion
 *******************************/
 .ui.accordion {
  width: 600px;
@ -9069,6 +9069,27 @@ a.ui.teal.label:hover:before {
 .ui.basic.accordion.menu .content {
  padding: 0em;
 }
+/*******************************
+            Types
+*******************************/
+/*--------------
+     Basic
+---------------*/
+.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: none;
+}
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
 /*******************************
            States
 *******************************/
@ -9099,20 +9120,11 @@ a.ui.teal.label:hover:before {
 /*******************************
            Variations
 *******************************/
-.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: none;
-}
-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.accordion {
+  width: 100%;
 }

 /*
--- a/node/src/files/build/uncompressed/modules/accordion.css
+++ b/node/src/files/build/uncompressed/modules/accordion.css
@ -9,7 +9,7 @@
 *
 */
 /*******************************
-            Button
+            Accordion
 *******************************/
 .ui.accordion {
  width: 600px;
@ -77,6 +77,27 @@
 .ui.basic.accordion.menu .content {
  padding: 0em;
 }
+/*******************************
+            Types
+*******************************/
+/*--------------
+     Basic
+---------------*/
+.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: none;
+}
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
 /*******************************
            States
 *******************************/
@ -107,18 +128,9 @@
 /*******************************
            Variations
 *******************************/
-.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: none;
-}
-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.accordion {
+  width: 100%;
 }
--- a/src/modules/accordion.less
+++ b/src/modules/accordion.less
@ -10,7 +10,7 @@
 */

 /*******************************
-            Button
+            Accordion
 *******************************/

 .ui.accordion {
@ -117,6 +117,32 @@
  padding: 0em;
 }

+/*******************************
+            Types
+*******************************/
+
+/*--------------
+     Basic
+---------------*/
+
+.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: none;
+}
+
+.ui.basic.accordion .title,
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
+

 /*******************************
            States
@ -156,20 +182,10 @@
            Variations
 *******************************/

-.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: none;
-}
+/*--------------
+     Fluid
+---------------*/

-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+.ui.fluid.accordion {
+  width: 100%;
 }