From 3e9cd2288d7989422cb3678a38ad5d790d94885d Mon Sep 17 00:00:00 2001 From: simurai Date: Fri, 5 Apr 2019 21:12:48 +0900 Subject: [PATCH 1/2] Fix hide utilities --- src/utilities/visibility-display.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/utilities/visibility-display.scss b/src/utilities/visibility-display.scss index 6f7c605fd5..d28480409e 100644 --- a/src/utilities/visibility-display.scss +++ b/src/utilities/visibility-display.scss @@ -27,19 +27,19 @@ $display-values: ( // Hide utilities for each breakpoint // Each hide utility only applies to one breakpoint range. -@media (max-width: $width-sm) { +@media (max-width: $width-sm - 1px) { .hide-sm { display: none !important; } } -@media (min-width: $width-sm) and (max-width: $width-md) { +@media (min-width: $width-sm) and (max-width: $width-md - 1px) { .hide-md { display: none !important; } } -@media (min-width: $width-md) and (max-width: $width-lg) { +@media (min-width: $width-md) and (max-width: $width-lg - 1px) { .hide-lg { display: none !important; } From a463660875c4deef727df19ceb23ef8626dcafca Mon Sep 17 00:00:00 2001 From: Shawn Allen Date: Fri, 5 Apr 2019 16:06:23 -0700 Subject: [PATCH 2/2] docs(utilities): update hide-* utility breakpoints --- pages/css/utilities/layout.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/pages/css/utilities/layout.md b/pages/css/utilities/layout.md index 4441605df6..336cb22775 100644 --- a/pages/css/utilities/layout.md +++ b/pages/css/utilities/layout.md @@ -85,9 +85,9 @@ Hide utilities are able to be applied or changed per breakpoint using the follow | Shorthand | Range | | --- | --- | -| -sm | 0—544px | -| -md | 544px—768px | -| -lg | 768px—1004px | +| -sm | 0—543px | +| -md | 544px—767px | +| -lg | 768px—1003px | | -xl | 1004px and above | ```html