Separate inline icon and help cursor classes

website/_includes/_mixins.jade

@@ -33,7 +33,7 @@ mixin src(url)
         +a(url)
             block
 
-        |   #[+icon("code", 16).u-color-subtle]
+        |   #[+icon("code", 16).o-icon--inline.u-color-subtle]
 
 
 //- API link (with added tag and automatically generated path)
@@ -43,7 +43,7 @@ mixin api(path)
     +a("/docs/api/" + path, true)(target="_self").u-no-border.u-inline-block
         block
 
-        |  #[+icon("book", 18).o-help-icon.u-color-subtle]
+        |  #[+icon("book", 18).o-icon--inline.u-help.u-color-subtle]
 
 
 //- Aside for text

website/assets/css/_base/_objects.sass

@@ -67,8 +67,7 @@
 .o-icon
     vertical-align: middle
 
-.o-help-icon
-    cursor: help
+    &.o-icon--inline
         margin: 0 0.5rem 0 0.25rem
 
 

website/assets/css/_base/_utilities.sass

@@ -141,6 +141,12 @@
     background: $pattern
 
 
+//- Cursors
+
+.u-help
+    cursor: help
+
+
 //- Hidden elements
 
 .u-hidden