Add docs for static/styles/highlight-line.less

Author: leoj3n

static/styles/highlight-line.less

@@ -1,21 +1,36 @@
+@import "locate://bit-docs-site/styles/variables.less";
+
+/**
+ * @parent bit-docs-html-highlight-line/static
+ * @module bit-docs-html-highlight-line/static/styles/highlight-line.less
+ *
+ * @description Base styles for highlight tag.
+ *
+ * @body
+ *
+ * Adds styling for the `.expand` element.
+ *
+ * The `.expand` element gets added onload when the `only` option is used with
+ * the highlight tag, and the code block has lines before/after the highlight.
+ */
 article {
   code {
     .expand {
-      background-color: #eee;
-      text-align: center;
+      color: black;
       padding: 4px 0px;
+      text-align: center;
+      background-color: #eee;
       border-top: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
-      color: black;
     }
     .expand:before {
-      content: '⇅ EXPAND ⇅';
-      display: block;
       width: 15px;
       height: 15px;
       margin: 0 auto;
+      display: block;
+      content: '⇅ EXPAND ⇅';
     }
-    .expand:hover{
+    .expand:hover {
       opacity: .6;
       cursor: pointer;
     }