Fix mixup between show-for-print and print-only visibility classes

diff --git a/doc/pages/components/visibility.html b/doc/pages/components/visibility.html
index 332ed8a24fe84e177d1445b6578b07c6c835aab9..46b078a80c2833b1e910bdc44deda4106db74bc8 100644 (file)
--- a/doc/pages/components/visibility.html
+++ b/doc/pages/components/visibility.html
@@ -76,7 +76,7 @@ To reverse the rules defined by **hidden**, use the **visible** visibility class
 
 ## Print Visibility
 
-Foundation includes a couple of simple classes you can use to control elements printing, or not printing. Simply attach `.show-for-print` to an element to only show when printing, and `.hide-for-print` to hide something when printing.
+Foundation includes a couple of simple classes you can use to control elements printing, or not printing. Simply attach `.show-for-print` to an element to show when printing, `.print-only` for showing the element only when printing, and `.hide-for-print` to hide something when printing.
 
 Available classes:
 - `.show-for-print` , `.print-only` (Visible for printing)

diff --git a/scss/foundation/components/_visibility.scss b/scss/foundation/components/_visibility.scss
index f28399741e5ef43d8350a159b9031ef01750e330..403a158daa009e8371032d7ce8ac5a74cb087720 100644 (file)
--- a/scss/foundation/components/_visibility.scss
+++ b/scss/foundation/components/_visibility.scss
@@ -405,8 +405,7 @@ $visibility-breakpoint-queries:
 
   /* Print visibility */
   @if $include-print-styles {
-    .print-only,
-    .show-for-print { display: none !important; }
+    .print-only { display: none !important; }
     @media print {
       .print-only,
       .show-for-print { display: block !important; }