sneak_peek CSS: add descriptive comments

1 files changed, 10 insertions, 0 deletions

diff --git a/sneak_peek_tag/static/sneak_peek_tag/css/django-sneak-peek.css b/sneak_peek_tag/static/sneak_peek_tag/css/django-sneak-peek.css
index 2e33fce..79b1fe2 100644
--- a/sneak_peek_tag/static/sneak_peek_tag/css/django-sneak-peek.css
+++ b/sneak_peek_tag/static/sneak_peek_tag/css/django-sneak-peek.css
@@ -1,3 +1,7 @@
+/* Sneak Peek */
+/* Styles that appear on elements declared as sneak_peek */
+
+
 /* 'Under construction' border around sneak peek features */
 .django-sneak-peek {
 	border-style: solid;
@@ -8,15 +12,21 @@
 	border-image: url('../images/django-sneak-peek-under-construction-border-image.png') 10 round;
 }
 
+
+/* Use an outline instaed of a border to reduce box-model interference */
 .django-sneak-peek.outline {
 	border: none;
 	outline: 10px dashed #fbe500;
 }
 
+
+/* Borderless style allows the markup to appear without differentiation */
 .django-sneak-peek.borderless {
 	border: none;
 }
 
+
+/* Additional display styles for inline & inline-block elements */
 .django-sneak-peek.inline {
 	display: inline;
 }