inherited link colors

.gitignore

@@ -3,4 +3,5 @@
 npm-debug.log
 .sass-cache/
 /dist/
-src/components/
+src/components/
+.idea/

README.md

@@ -25,16 +25,25 @@ $ npm run grunt
 
 ### CSS importing
 
-##### Recommended (A): Add Mossflower as a Bower dependency
+##### Recommended (A): Add Mossflower as an NPM package
 
 ```
-$ bower install --save mossflower
+$ npm install --save mossflower
 ```
 
-##### Recommended (B): Add Mossflower as a package
+If you add Mossflower as an NPM package, then it will default to the `.less` version if you are using commonJS modules
 
+```javascript
+// ECMAScript 5
+require('mossflower');
+// ES6
+import 'mossflower';
 ```
-$ npm install --save mossflower
+
+##### Recommended (B): Add Mossflower as a Bower dependency
+
+```
+$ bower install --save mossflower
 ```
 
 ##### Alternative: Add Mossflower as a submodule

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "mossflower",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "authors": [
     {
       "name": "Jimmy Ha",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mossflower",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Mossflower is a global reset CSS utility for both LESS and SASS",
   "main": "src/less/mossflower.less",
   "scripts": {

src/less/globals.less

@@ -47,6 +47,11 @@ a {
     &:hover {
         text-decoration: underline;
     }
+    // typically text tags are given a defined color somewhere else, which will
+    // then be overridden if they are children of links
+    span {
+        color: inherit;
+    }
 }
 
 img {

src/sass/_globals.scss

@@ -48,6 +48,11 @@ a {
     &:hover {
         text-decoration: underline;
     }
+    // typically text tags are given a defined color somewhere else, which will
+    // then be overridden if they are children of links
+    span {
+        color: inherit;
+    }
 }
 
 img {