From 407c966736c93ca63509fa3e1bffff8c5dc6f946 Mon Sep 17 00:00:00 2001 From: Zac Wasielewski Date: Wed, 7 Aug 2013 16:47:49 -0400 Subject: [PATCH 1/4] Make visibility utility classes responsive when used as LESS mixins --- less/responsive-utilities.less | 76 ++++++++++++++-------------------- 1 file changed, 32 insertions(+), 44 deletions(-) diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index 38dd9639af..0815909cc1 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -35,70 +35,58 @@ // Visibility utilities -// For Phones .visible-sm { .responsive-visibility(); + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + .responsive-invisibility(); + } + @media (min-width: @screen-desktop) { + .responsive-invisibility(); + } } .visible-md { .responsive-invisibility(); + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + .responsive-visibility(); + } + @media (min-width: @screen-desktop) { + .responsive-invisibility(); + } } .visible-lg { .responsive-invisibility(); + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + .responsive-invisibility(); + } + @media (min-width: @screen-desktop) { + .responsive-visibility(); + } } .hidden-sm { .responsive-invisibility(); + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + .responsive-visibility(); + } + @media (min-width: @screen-desktop) { + .responsive-visibility(); + } } .hidden-md { .responsive-visibility(); + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + .responsive-invisibility(); + } + @media (min-width: @screen-desktop) { + .responsive-visibility(); + } } .hidden-lg { .responsive-visibility(); -} - - -// Tablets & small desktops only -@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { - .visible-sm { - .responsive-invisibility(); - } - .visible-md { + @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { .responsive-visibility(); } - .visible-lg { - .responsive-invisibility(); - } - - .hidden-sm { - .responsive-visibility(); - } - .hidden-md { - .responsive-invisibility(); - } - .hidden-lg { - .responsive-visibility(); - } -} - -// For desktops -@media (min-width: @screen-desktop) { - .visible-sm { - .responsive-invisibility(); - } - .visible-md { - .responsive-invisibility(); - } - .visible-lg { - .responsive-visibility(); - } - - .hidden-sm { - .responsive-visibility(); - } - .hidden-md { - .responsive-visibility(); - } - .hidden-lg { + @media (min-width: @screen-desktop) { .responsive-invisibility(); } } From 06da4907070d59363a6434e7610703f358815650 Mon Sep 17 00:00:00 2001 From: vsn4ik Date: Mon, 12 Aug 2013 04:46:07 +0400 Subject: [PATCH 2/4] Move quotes in nav-main.html --- _includes/nav-main.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_includes/nav-main.html b/_includes/nav-main.html index 1796893ed8..1e15b0f32f 100644 --- a/_includes/nav-main.html +++ b/_includes/nav-main.html @@ -1,4 +1,4 @@ -