From d31232f1b4fe8037312a216bdc243b24cbaab3da Mon Sep 17 00:00:00 2001
From: davegandy <dave@davegandy.com>
Date: Sun, 6 Oct 2013 15:35:57 -0400
Subject: [PATCH] fixing responsive footer

---
 src/_includes/footer.html                      |  9 ++++-----
 src/assets/less/site-3.0.0.less                |  1 +
 src/assets/less/site/bootstrap/jumbotron.less  |  1 +
 src/assets/less/site/footer.less               | 17 +++++++++--------
 src/assets/less/site/responsive/screen-lg.less |  2 ++
 src/assets/less/site/responsive/screen-md.less |  3 +++
 src/assets/less/site/responsive/screen-sm.less |  2 ++
 src/assets/less/site/responsive/screen-xs.less |  2 ++
 8 files changed, 24 insertions(+), 13 deletions(-)
 create mode 100644 src/assets/less/site/responsive/screen-md.less

diff --git a/src/_includes/footer.html b/src/_includes/footer.html
index ad6aab97f..522bb03d9 100644
--- a/src/_includes/footer.html
+++ b/src/_includes/footer.html
@@ -2,22 +2,21 @@
   <div class="container text-center">
     <div>
       <i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }}
-      &middot;
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a>
-      &middot;
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a>
-      &middot;
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.version }}</a>
     </div>
     <div>
       Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
     </div>
     <div class="project">
-      <a href="{{ site.fontawesome.github.url }}">GitHub Project</a>
-      &middot;
+      <a href="{{ site.fontawesome.github.url }}">GitHub Project</a> &middot;
       <a href="{{ site.fontawesome.github.url }}/issues">Issues</a>
     </div>
   </div>
diff --git a/src/assets/less/site-3.0.0.less b/src/assets/less/site-3.0.0.less
index c91b0b188..af97ff13e 100644
--- a/src/assets/less/site-3.0.0.less
+++ b/src/assets/less/site-3.0.0.less
@@ -20,5 +20,6 @@
 @import "site/carbonad";
 
 @import "site/responsive/screen-lg";
+@import "site/responsive/screen-md";
 @import "site/responsive/screen-sm";
 @import "site/responsive/screen-xs";
diff --git a/src/assets/less/site/bootstrap/jumbotron.less b/src/assets/less/site/bootstrap/jumbotron.less
index f092a8d6c..f904ba1e4 100644
--- a/src/assets/less/site/bootstrap/jumbotron.less
+++ b/src/assets/less/site/bootstrap/jumbotron.less
@@ -3,6 +3,7 @@
   border-bottom: 1px solid @red-dark;
   margin-bottom: 0;
   &, h1 { color: #fff; }
+  padding: 30px 0;
   #gradient > .directional(@red, mix(@red, @red-dark, 90%), -40deg);
   //  background-color: @red;
 
diff --git a/src/assets/less/site/footer.less b/src/assets/less/site/footer.less
index ba8b832b2..0b458467d 100755
--- a/src/assets/less/site/footer.less
+++ b/src/assets/less/site/footer.less
@@ -24,19 +24,20 @@
 // Sticky Footer Styles
 // --------------------
 
-@footer-height: 165px;
-@footer-margin: 60px;
-
 html, body { height: 100%; }
 
 #wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
-  margin: 0 auto -(@footer-height);
-  padding: 0 0 (@footer-height + @footer-margin);
 }
 
-#footer {
-  height: @footer-height;
-}
+.sticky-footer();
+
+.sticky-footer(@footer-height: 165px, @footer-margin: 60px;) {
+  #wrap {
+    margin: 0 auto -(@footer-height);
+    padding: 0 0 (@footer-height + @footer-margin);
+  }
+  #footer { height: @footer-height; }
+}
\ No newline at end of file
diff --git a/src/assets/less/site/responsive/screen-lg.less b/src/assets/less/site/responsive/screen-lg.less
index 37b5ead98..cd92199b5 100644
--- a/src/assets/less/site/responsive/screen-lg.less
+++ b/src/assets/less/site/responsive/screen-lg.less
@@ -49,4 +49,6 @@
     font-size: 26px;
     line-height: 36px;
   }
+
+  .hide-lg { display: none; }
 }
\ No newline at end of file
diff --git a/src/assets/less/site/responsive/screen-md.less b/src/assets/less/site/responsive/screen-md.less
new file mode 100644
index 000000000..bc46917fb
--- /dev/null
+++ b/src/assets/less/site/responsive/screen-md.less
@@ -0,0 +1,3 @@
+@media (min-width: @screen-md) and (max-width: @screen-md-max) {
+  .hide-md { display: none; }
+}
diff --git a/src/assets/less/site/responsive/screen-sm.less b/src/assets/less/site/responsive/screen-sm.less
index 4d2650ee9..38da1a024 100644
--- a/src/assets/less/site/responsive/screen-sm.less
+++ b/src/assets/less/site/responsive/screen-sm.less
@@ -43,5 +43,7 @@
     }
   }
 
+  .sticky-footer(185px, 60px);
+
   .hide-sm { display: none; }
 }
diff --git a/src/assets/less/site/responsive/screen-xs.less b/src/assets/less/site/responsive/screen-xs.less
index 96a93e5df..91fee5a6c 100644
--- a/src/assets/less/site/responsive/screen-xs.less
+++ b/src/assets/less/site/responsive/screen-xs.less
@@ -64,5 +64,7 @@
   }
   .info-ad #carbonads-container .carbonad { margin-top: @buffer-lg; }
 
+  .sticky-footer(245px, 60px);
+
   .hide-xs { display: none; }
 }
\ No newline at end of file