From b9ef250a8717bc3bb94fbf53ef91c052d31bcb13 Mon Sep 17 00:00:00 2001
From: mostafa-sakhiri <34948209+mostafa-sakhiri@users.noreply.github.com>
Date: Mon, 23 Apr 2018 02:30:51 +0200
Subject: [PATCH] docs(improve readme regarding styles) (#128)

* docs(readme) describe arrow usage on attach-popover

* docs(readme) improve example rendering

* Update README.md
---
 README.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e07ec050..e16ff956 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 Tooltips and popovers made easy.
 Just drop an `{{#attach-tooltip}}` or `{{#attach-popover}}` in a parent and your popper is ready to go!
 
-```html
+```hbs
 <button>
   Click me
 
@@ -163,6 +163,12 @@ module.exports = function(environment) {
 
 The full list of editable defaults can be seen [here](https://github.com/kybishop/ember-attacher/blob/master/addon/defaults.js).
 
+## Styles
+
+`ember-attacher` provides [styles](https://github.com/kybishop/ember-attacher/blob/master/addon/styles/addon.scss#L85) for the default tooltip class, `ember-attacher-tooltip`, but no styles are included for `{{attach-popover}}`.
+
+Example styling for a popover [can be found in the dummy app](https://github.com/kybishop/ember-attacher/blob/master/tests/dummy/app/styles/app.scss#L132). Note how the arrow must also be styled to match the popover (background color, size, etc.)
+
 ## Testing
 
 Use the `isVisible()` test helper to check if an attachment is visible.