From: César Izurieta Date: Wed, 11 Nov 2015 23:54:27 +0000 (-0200) Subject: Fix mixup between show-for-print and print-only visibility classes X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F6997%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git 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 332ed8a24..46b078a80 100644 --- 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 f28399741..403a158da 100644 --- 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; }