Add info.md for hacs

README.md

@@ -1,6 +1,8 @@
 card-mod
 ========
 
+[![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)
+
 Allows you to add css styles to any lovelace card.
 
 For installation instructions [see this guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins).

info.md

@@ -0,0 +1,37 @@
+card-mod
+========
+
+Allows you to add css styles to any lovelace card.
+
+Install `card-mod.js` as a `module`.
+
+## Usage
+This is *not* a new card. Instead it *changes the way pretty much any other card works*.
+
+Specifically, it looks for `style:` in any cards configuration, and applies the [CSS](https://www.w3schools.com/css/) specified there to the card.
+
+The basis of almost all lovelace cards is a `ha-card` element, so that's probably where you'd want to start.
+
+Note that some cards (`conditional`, `entity-filter`, `horizontal-stack` and `vertical-stack` as well as some custom cards, like `layout-card`, `auto-entities` and `state-switch` among others) do *not* have a `ha-card` element, and `card-mod` will thus **not** work for those. There is a workaround, though. See FAQ below.
+
+---
+
+**Example:**\
+Change the text color of an `entities` card to red.
+
+```yaml
+type: entities
+style: |
+  ha-card {
+    color: red;
+  }
+entities:
+  - light.bed_light
+  - light.ceiling_lights
+  - light.kitchen_lights
+```
+
+![red text](https://user-images.githubusercontent.com/1299821/59151548-38a8d800-8a35-11e9-875a-64e72fd6f5a6.png)
+
+## [See repository on github for much more](https://github.com/thomasloven/lovelace-card-mod)
+![more](https://user-images.githubusercontent.com/1299821/63809565-eb951d80-c922-11e9-8630-697befb3c95f.png)