README: add screenshots to Additional Options section

1 files changed, 10 insertions, 0 deletions

diff --git a/README.md b/README.md
index daf8847..01bd19f 100644
--- a/README.md
+++ b/README.md
@@ -90,6 +90,8 @@ By default, markup under sneak peek will appear with a yellow & black "under con
 	    </div>
 	{% endsneak_peek %}
 
+![Default](./docs/screenshots/default.png)
+
 ### Outline
 Sets `border: none;` and uses an `outline` instead
 
@@ -99,6 +101,8 @@ Sets `border: none;` and uses an `outline` instead
 	    </div>
 	{% endsneak_peek %}
 
+![Outline](./docs/screenshots/outline.png)
+
 ### Borderless
 Sets `border: none;`. Markup will appear without superfluous extra styles applied by `django-sneak-peek`, but will still be surrouded by an `<div>` wrapper (as always).
 
@@ -108,6 +112,8 @@ Sets `border: none;`. Markup will appear without superfluous extra styles applie
 	    </div>
 	{% endsneak_peek %}
 
+![Borderless](./docs/screenshots/borderless.png)
+
 ### Inline
 Sets `display: inline;`
 
@@ -117,6 +123,8 @@ Sets `display: inline;`
 	    </div>
 	{% endsneak_peek %}
 
+![Inline](./docs/screenshots/inline.png)
+
 ### Inline-Block
 Sets `display: inline-block;`
 
@@ -126,6 +134,8 @@ Sets `display: inline-block;`
 	    </div>
 	{% endsneak_peek %}
 
+![Inline-Block](./docs/screenshots/inline-block.png)
+
 
 ## Customising
 As you may have guessed, you can add custom display styles to `django-sneak-peek`. In addition to overriding the existing CSS classes, you can also create your own.