resets border 0 back to border none

diff --git a/docs/pages/prototyping-utils.md b/docs/pages/prototyping-utils.md
index b73d220106de2436ff390f6c1550534e0dfcf445..0116d5981e2cfe25ffeca587f3fc0e1bde876040 100644 (file)
--- a/docs/pages/prototyping-utils.md
+++ b/docs/pages/prototyping-utils.md
@@ -623,7 +623,7 @@ Border box lets you only add the content, padding and border, but not the margin
 
 ## Border none
 
-Border none lets you quickly resets border to `none` into any component.
+Border none lets you quickly resets border to `none` for any element.
 
 ```html_example
 <div class="callout primary border-none">

diff --git a/scss/prototype/_border-none.scss b/scss/prototype/_border-none.scss
index 1dc9a002d21d0ac9b5912ab31417bc723fdf7537..54080384e61a33c0054e0ca7020a143060ef6aec 100644 (file)
--- a/scss/prototype/_border-none.scss
+++ b/scss/prototype/_border-none.scss
@@ -12,7 +12,7 @@ $prototype-border-none-breakpoints: $global-prototype-breakpoints !default;
 
 /// Border none utility
 @mixin border-none {
-  border: 0 !important;
+  border: none !important;
 }
 
 @mixin foundation-prototype-border-none {