Rework link and link-complex styling

inuit.css/base/_links.scss

@@ -7,7 +7,7 @@
  * Sometimes, particularly on larger projects, it is useful to scope link
  * styling only to anchors which have `href` attributes.
  */
-a:link{
+a{
     /**
      * Set colors etc in your theme stylesheet.
      */

inuit.css/inuit.scss

@@ -92,7 +92,7 @@
  * MATRIX..............Gridded lists
  * SPLIT...............A simple split-in-two object
  * THIS-OR-THIS........Options object
- * COMPLEX-LINK........
+ * LINK-COMPLEX........
  * FLYOUT..............Flyout-on-hover object
  * ARROWS..............CSS arrows
  * SPRITE..............Generic spriting element
@@ -183,7 +183,7 @@
    @import "objects/split";
 // @import "example/unnecessary/file";
    @import "objects/this-or-this";
-   @import "objects/complex-link";
+   @import "objects/link-complex";
    @import "objects/flyout";
    @import "objects/arrows";
    @import "objects/sprite";

inuit.css/objects/_link-complex.scss

@@ -0,0 +1,28 @@
+/*------------------------------------*\
+    $LINK-COMPLEX
+\*------------------------------------*/
+/**
+ * As inspired by @necolas:
+ * github.com/necolas/suit-utils/blob/master/link.css#L18
+ * 
+ * Add hover behaviour to only selected items within links, e.g.:
+ * 
+   <a href=log-in class=link-complex>
+       <i class="s  s--user"></i>
+       <span class=link-complex__target>Log in</span>
+   </a>
+ * 
+ * Demo: jsfiddle.net/inuitcss/rt9M3
+ * 
+ */
+.link-complex,
+.link-complex:hover,
+.link-complex:active,
+.link-complex:focus{
+    text-decoration:none;
+}
+    .link-complex:hover .link-complex__target,
+    .link-complex:active .link-complex__target,
+    .link-complex:focus .link-complex__target{
+        text-decoration:underline;
+    }