updates the seperator css styles

diff --git a/docs/pages/prototyping-utils.md b/docs/pages/prototyping-utils.md
index 696d12f57a858daf39da7e8ab25b51199deab894..01e40b828e292cb9069e9b7c6334614c6db52dd8 100644 (file)
--- 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 af5245a856c759b55609fe803931042ab526ef28..9baf12169fdec5267c6d30801ebcc263818ca953 100644 (file)
--- 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);
   }