issue36: another session on code cleanup

anvk · May 13, 2016 · ff8806e · ff8806e
1 parent 596d312
commit ff8806e
Show file tree

Hide file tree

Showing 15 changed files with 185 additions and 295 deletions.
diff --git a/assets/a11yAccordion-dark.less b/assets/a11yAccordion-dark.less
@@ -2,11 +2,24 @@
 @dark-areaBackground: #383330;
 @dark-textColor: #F2F2EB;
 @dark-linkColor: #BFB7AE;
+@dark-triangleColor: #F2F2EB;
 
-.dark-a11yAccordion-header {
-  .a11yAccordion-theme(@dark-headerBackground, @dark-textColor, @dark-linkColor);
-}
+.a11yAccordion-dark {
+  .a11yAccordionSearch {
+    background-image: url('../imgs/search-dark.png') !important;
+    color: @dark-textColor;
+    background-color: @dark-areaBackground;
+  }
+
+  .a11yAccordion-header {
+    .a11yAccordion-theme(@dark-headerBackground, @dark-textColor, @dark-linkColor);
 
-.dark-a11yAccordion-area {
-  .a11yAccordion-theme(@dark-areaBackground, @dark-textColor, @dark-linkColor);
-}
+    .a11yAccordion-triangle {
+      border-top-color: @dark-triangleColor;
+    }
+  }
+
+  .a11yAccordion-area {
+    .a11yAccordion-theme(@dark-areaBackground, @dark-textColor, @dark-linkColor);
+  }
+}
diff --git a/assets/a11yAccordion-light.less b/assets/a11yAccordion-light.less
@@ -2,12 +2,18 @@
 @light-areaBackground: #FFFEFD;
 @light-textColor: #261E14;
 @light-linkColor: #595048;
-@light-triangleColor: yellow;
+@light-triangleColor: #261E14;
 
-.light-a11yAccordion-header {
-  .a11yAccordion-theme(@light-headerBackground, @light-textColor, @light-linkColor);
-}
+.a11yAccordion-light {
+  .a11yAccordion-header {
+    .a11yAccordion-theme(@light-headerBackground, @light-textColor, @light-linkColor);
 
-.light-a11yAccordion-area {
-  .a11yAccordion-theme(@light-areaBackground, @light-textColor, @light-linkColor);
+    .a11yAccordion-triangle {
+      border-top-color: @light-triangleColor;
+    }
+  }
+
+  .a11yAccordion-area {
+    .a11yAccordion-theme(@light-areaBackground, @light-textColor, @light-linkColor);
+  }
 }
diff --git a/assets/a11yAccordion.less b/assets/a11yAccordion.less
@@ -2,6 +2,20 @@
 @shadowColor: #888;
 @borderRadius: 7px;
 
+.a11yAccordion-theme(@background, @text, @link) {
+  background-color: @background;
+  color: @text;
+  a, a:visited {
+    color: @link;
+  }
+}
+
+.a11y-AT() {
+  left: -900px;
+  top: -900px;
+  position: absolute;
+}
+
 .a11yAccordion-centralPos() {
   margin-left: auto;
   margin-right: auto;
@@ -42,9 +56,7 @@
       .a11yAccordionItemHeaderLink {
         float: right;
         .a11yAccordionItemHeaderLinkHiddenLabel {
-          left: -900px;
-          top: -900px;
-          position: absolute;
+          .a11y-AT();
         }
         .a11yAccordion-triangle {
           width: 0;
@@ -53,7 +65,7 @@
           margin-top: 5px;
           border-left: 8px solid transparent;
           border-right: 8px solid transparent;
-          border-top: 8px solid black;
+          border-top: 8px solid;
           float: right;
           -moz-transition: -moz-transform .3s;
           -webkit-transition: -webkit-transform .3s;
@@ -83,13 +95,5 @@
   }
 }
 
-.a11yAccordion-theme(@background, @text, @link) {
-  background-color: @background;
-  color: @text;
-  a, a:visited {
-    color: @link;
-  }
-}
-
 @import "a11yAccordion-dark.less";
 @import "a11yAccordion-light.less";
diff --git a/assets/imgs/search-dark.png b/assets/imgs/search-dark.png
diff --git a/dist/css/a11yAccordion.min.css b/dist/css/a11yAccordion.min.css
diff --git a/dist/imgs/search-dark.png b/dist/imgs/search-dark.png