From c8196e2bec6b8cd85740984c08a9945f3864fe44 Mon Sep 17 00:00:00 2001 From: Mike Francis Date: Fri, 6 Mar 2015 16:41:33 +0000 Subject: [PATCH] Added responsive show/hide classes --- scss/generic/_utilities.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/scss/generic/_utilities.scss b/scss/generic/_utilities.scss index 3670df2..f17efd6 100755 --- a/scss/generic/_utilities.scss +++ b/scss/generic/_utilities.scss @@ -55,3 +55,27 @@ img.aligncenter { .sr-only { display: none; } + + +/** + * Responsive + */ + +@each $breakpoint in $breakpoints { + + $key : nth($breakpoint, 1); + $value : nth($breakpoint, 2); + + .visible-#{$key} { + @media only screen and #{$value} { + display: block !important; + } + } + + .hidden-#{$key} { + @media only screen and #{$value} { + display: none !important; + } + } + +}