Move accordion inline properties to variables.les

diff --git a/less/accordion.less b/less/accordion.less
index 0d1897831722892888d89b8e7320c10f4e007476..62aced6ac3f11fbfac10420584dc1c10d5a05a8f 100644 (file)
--- a/less/accordion.less
+++ b/less/accordion.less
@@ -11,7 +11,7 @@
 // Group == heading + body
 .accordion-group {
   margin-bottom: 2px;
-  border: 1px solid #e5e5e5;
+  border: 1px solid @accordion-group-border-color;
   border-radius: @border-radius-base;
 }
 .accordion-heading {
@@ -27,5 +27,5 @@
 // Inner needs the styles because you can't animate properly with any styles on the element
 .accordion-inner {
   padding: 9px 15px;
-  border-top: 1px solid #e5e5e5;
+  border-top: 1px solid @accordion-group-border-color;
 }

diff --git a/less/variables.less b/less/variables.less
index 3b2698808244f9ab22442138f164f2e64c779449..4cdb71da5c0d14ab2e8fc67c967e42f2f1dfd617 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -7,6 +7,13 @@
 // --------------------------------------------------
 
 
+// Inner Files color variables (can say inline colors)
+// --------------------------------------------------
+
+@color-1:  #e5e5e5; //Mercury, RGB: 229, 229, 229 
+
+@accordion-group-border-color:                    @color-1; 
+
 // Grays
 // -------------------------