Responsive height adjustments

drewbarontini · drewbarontini · commit 798d3e9aa29f · 2013-05-09T15:39:25.000-04:00
* Update content module class
diff --git a/build/application/index.html b/build/application/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/assets/stylesheets/application.css b/build/assets/stylesheets/application.css
diff --git a/build/changelog/index.html b/build/changelog/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/base/index.html b/build/core/base/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/content/index.html b/build/core/content/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/helpers/index.html b/build/core/helpers/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/index.html b/build/core/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/layout/index.html b/build/core/layout/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/reset/index.html b/build/core/reset/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/core/settings/index.html b/build/core/settings/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/index.html b/build/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/library/index.html b/build/library/index.html
@@ -49,7 +49,7 @@
           <li><a class="is-active" href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/modules/index.html b/build/modules/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/styleguide/basics/index.html b/build/styleguide/basics/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/styleguide/index.html b/build/styleguide/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/styleguide/naming/index.html b/build/styleguide/naming/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/build/styleguide/sass-specific/index.html b/build/styleguide/sass-specific/index.html
@@ -49,7 +49,7 @@
           <li><a href="/library/">Library</a></li>
         </ul>
       </nav>
-      <p class='c-copyright'>
+      <p class='c-creators'>
         <b>Crafted with care by</b>
         <a href="http://twitter.com/nickawalsh">Nick Walsh</a>
         &amp;
diff --git a/source/assets/stylesheets/core/_content.sass b/source/assets/stylesheets/core/_content.sass
@@ -46,8 +46,10 @@ h5, .c-h5, %c-h5
 .c-logo
   @extend %group
   font-size: rem(30px)
-  margin-bottom: rem($base-whitespace)
-  padding: 0 rem($base-whitespace / 2)
+  padding: 0 rem($base-whitespace / 2) rem($base-whitespace)
+  +respond-to($l-breakpoint-height, min-height)
+    margin-bottom: rem($base-whitespace)
+    padding-bottom: 0
   img
     float: left
   b
@@ -65,17 +67,22 @@ h5, .c-h5, %c-h5
 // Tagline
 
 .c-tagline
+  display: none
   font-weight: 300
+  +respond-to($l-breakpoint-height, min-height)
+    display: block
 
-// Copyright
+// Creators
 
-.c-copyright
+.c-creators
   +stretch(auto, 0, 0, 0)
   background: darken($base-theme-color, 5%)
   color: lighten($base-theme-color, 40%)
   margin: 0
-  padding: rem($base-whitespace * 2) 0
+  padding: rem($base-whitespace) 0
   text-align: center
+  +respond-to($l-breakpoint-height, min-height)
+    padding: rem($base-whitespace * 2) 0
   b
     font-weight: 300
     display: block
diff --git a/source/assets/stylesheets/core/_layout.sass b/source/assets/stylesheets/core/_layout.sass
@@ -73,7 +73,7 @@
     border: 0
     color: #fff
     display: block
-    font-size: 110%
+    font-size: 90%
     padding: rem($base-whitespace / 2) rem($base-whitespace)
     &:hover,
     &:focus
@@ -83,6 +83,9 @@
       box-shadow: -2px 2px 1px rgba(darken($base-theme-color, 20%), 0.35)
       color: $base-color
       margin-right: rem(-4px)
+    +respond-to($l-breakpoint-height, min-height)
+      font-size: 110%
+      padding: rem($base-whitespace / 2) rem($base-whitespace)
   ul li ul a
     background: darken($base-theme-color, 5%)
     font-size: 90%
diff --git a/source/assets/stylesheets/core/_settings.sass b/source/assets/stylesheets/core/_settings.sass
@@ -26,5 +26,6 @@ $base-whitespace: 20px
 
 // Layout
 
+$l-breakpoint-height: 875px
 $l-maxWidth: 750px
 $l-sidebar-width: 300px
diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml
@@ -21,7 +21,7 @@
       = partial 'shared/header'
       = partial 'shared/nav'
 
-      %p.c-copyright
+      %p.c-creators
         %b Crafted with care by
         = link_to 'Nick Walsh', 'http://twitter.com/nickawalsh'
         &amp;
