From 14f9bd98277d681aca38973cc51242d7ab14b0f8 Mon Sep 17 00:00:00 2001
From: RafiBomb <rafi@zurb.com>
Date: Tue, 30 May 2017 14:38:15 -0700
Subject: [PATCH] updates the seperator css styles

---
 docs/pages/prototyping-utils.md | 14 +++++++-------
 scss/prototype/_separator.scss  |  6 ++++--
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/docs/pages/prototyping-utils.md b/docs/pages/prototyping-utils.md
index 696d12f57..01e40b828 100644
--- a/docs/pages/prototyping-utils.md
+++ b/docs/pages/prototyping-utils.md
@@ -101,7 +101,7 @@ These `.rounded`, `.bordered` & `.shadow` classes can be used independently or t
 
 ```html
 <div class="radius bordered shadow card">
-  <img src="assets/img/generic/rectangle-1.jpg">
+  <img src="http://placehold.it/500x250">
   <div class="card-divider">
     Styled Card
   </div>
@@ -156,13 +156,13 @@ These `.rounded`, `.bordered` & `.shadow` classes can be used independently or t
 #### Tables
 
 ```html
-<table class="rounded bordered shadow">
+<table class="radius bordered shadow">
 	<!-- My Table goes here -->
 </table>
 ```
 
 <div class="docs-code-live">
-	<table class="rounded bordered shadow">
+	<table class="radius bordered shadow">
 	  <thead>
 	    <tr>
 	      <th width="200">Table Header</th>
@@ -203,13 +203,13 @@ These `.rounded`, `.bordered` & `.shadow` classes can be used independently or t
 #### Images
 
 ```html
-<img src="" class="rounded">
-<img src="" class="rounded-circle">
+<img src="http://placehold.it/100x100" class="radius">
+<img src="http://placehold.it/100x100" class="circle">
 ```
 
 <div class="docs-code-live margin-bottom-1">
-	<img src="http://placehold.it/100x100" class="rounded margin-right-1">
-	<img src="http://placehold.it/100x100" class="rounded-circle">
+	<img src="http://placehold.it/100x100" class="radius margin-right-1">
+	<img src="http://placehold.it/100x100" class="circle">
 </div>
 
 ---
diff --git a/scss/prototype/_separator.scss b/scss/prototype/_separator.scss
index af5245a85..9baf12169 100644
--- a/scss/prototype/_separator.scss
+++ b/scss/prototype/_separator.scss
@@ -16,7 +16,7 @@ $prototype-separator-align: center !default;
 
 /// Height of a separator.
 /// @type Number
-$prototype-separator-height: rem-calc(2px) !default;
+$prototype-separator-height: rem-calc(2) !default;
 
 /// Width of a separator.
 /// @type Number
@@ -58,7 +58,7 @@ $prototype-separator-margin-top: $global-margin !default;
 
     @if $align == right {
       margin-right: 0 !important;
-    } 
+    }
   }
 }
 
@@ -66,9 +66,11 @@ $prototype-separator-margin-top: $global-margin !default;
 	.separator-center {
 		@include separator(center);
 	}
+
   .separator-left {
     @include separator(left);
   }
+
   .separator-right {
     @include separator(right);
   }
-- 
2.47.2