removing red lines :/

Remove maximum-scale=1 for better usability #173

LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2014 Dave Gamache
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -6,7 +6,7 @@ Check out <http://getskeleton.com> for documentation and details.
 ## Getting started
 
 There are a couple ways to download Skeleton:
-- [Download the zip](https://github.com/dhg/Skeleton/releases/download/v2.0/Skeleton.2.0.zip)
+- [Download the zip](https://github.com/dhg/Skeleton/releases/download/v2.0.1/Skeleton-2.0.1.zip)
 - Clone the repo: `git clone https://github.com/dhg/Skeleton.git`
 
 
@@ -46,12 +46,12 @@ The above list is non-exhaustive. Skeleton works perfectly with almost all older
 
 ## License
 
-All parts of Skeleton are free to use and abuse under the [open-source MIT license](http://opensource.org/licenses/mit-license.php).
+All parts of Skeleton are free to use and abuse under the [open-source MIT license](https://github.com/dhg/Skeleton/blob/master/LICENSE.md).
 
 
 ## Colophon
 
-Skeleton was built using [Sublime Text 3](http://www.sublimetext.com/3) and designed with [Sketch](http://bohemiancoding.com/sketch). The typeface [Raleway](http://www.google.com/fonts/specimen/Raleway) was created by [Matt McInerney](http://matt.cc/) and [Pablo Impallari](http://www.impallari.com/). Code highlighting by Google's [Prettify library](https://code.google.com/p/google-code-prettify/). Icons in the header of the documentation are all derivative work of icons from [The Noun Project](thenounproject.com). [Feather](http://thenounproject.com/term/feather/22073) by Zach VanDeHey, [Pen](http://thenounproject.com/term/pen/21163) (with cap) by Ed Harrison, [Pen](http://thenounproject.com/term/pen/32847) (with clicker) by Matthew Hall, and [Watch](http://thenounproject.com/term/watch/48015) by Julien Deveaux.
+Skeleton was built using [Sublime Text 3](http://www.sublimetext.com/3) and designed with [Sketch](http://bohemiancoding.com/sketch). The typeface [Raleway](http://www.google.com/fonts/specimen/Raleway) was created by [Matt McInerney](http://matt.cc/) and [Pablo Impallari](http://www.impallari.com/). Code highlighting by Google's [Prettify library](https://code.google.com/p/google-code-prettify/). Icons in the header of the documentation are all derivative work of icons from [The Noun Project](http://thenounproject.com). [Feather](http://thenounproject.com/term/feather/22073) by Zach VanDeHey, [Pen](http://thenounproject.com/term/pen/21163) (with cap) by Ed Harrison, [Pen](http://thenounproject.com/term/pen/32847) (with clicker) by Matthew Hall, and [Watch](http://thenounproject.com/term/watch/48015) by Julien Deveaux.
 
 
 ## Acknowledgement

css/skeleton.css

@@ -4,7 +4,7 @@
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
-* 12/9/2014
+* 12/11/2014
 */
 
 
@@ -30,64 +30,62 @@
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .container {
   position: relative; 
-  width: 80%; 
+  width: 100%;
   max-width: 960px; 
   margin: 0 auto; 
-  padding: 0; }
+  padding: 0 15px; 
-.container .column,        
-.container .columns { 
-  float: left; 
-  width: 100%; 
   box-sizing: border-box; }
 .row { 
-  margin-bottom: 2rem; }
+  margin: 0 -15px 2rem; }
-.row .column:first-child,        
+.row .column,        
-.row .columns:first-child { 
+.row .columns { 
-  margin-left: 0; }
+  float: left; 
+  width: 100%; 
+  padding-right: 15px;
+  padding-left: 15px;
+  box-sizing: border-box; }
 
 /* For devices larger than 550px */
 @media (min-width: 550px) {
-  
-  .container .column,
-  .container .columns {
-    margin-left: 4%; }
-  
-  .container .one.column,
-  .container .one.columns          { width: 4.66666666667%; }
-  .container .two.columns          { width: 13.3333333333%; }
-  .container .three.columns        { width: 22%;            }
-  .container .four.columns         { width: 30.6666666667%; }
-  .container .five.columns         { width: 39.3333333333%; }
-  .container .six.columns          { width: 48%;            }
-  .container .seven.columns        { width: 56.6666666667%; }
-  .container .eight.columns        { width: 65.3333333333%; }
-  .container .nine.columns         { width: 74.0%;          }
-  .container .ten.columns          { width: 82.6666666667%; }
-  .container .eleven.columns       { width: 91.3333333333%; }
-  .container .twelve.columns       { width: 100%; margin-left: 0; }
 
-  .container .one-third.column     { width: 30.6666666667%; }
+  .container { width: 90%; }
-  .container .two-thirds.column    { width: 65.3333333333%; }
+  
+  .row .one.column,
+  .row .one.columns          { width: 8.33333333334%; }
+  .row .two.columns          { width: 16.6666666667%; }
+  .row .three.columns        { width: 25%;            }
+  .row .four.columns         { width: 33.3333333334%; }
+  .row .five.columns         { width: 41.6666666667%; }
+  .row .six.columns          { width: 50%;            }
+  .row .seven.columns        { width: 58.3333333334%; }
+  .row .eight.columns        { width: 66.6666666667%; }
+  .row .nine.columns         { width: 75.0%;          }
+  .row .ten.columns          { width: 83.3333333334%; }
+  .row .eleven.columns       { width: 91.6666666667%; }
+  .row .twelve.columns       { width: 100%; margin-left: 0; }
 
-  .container .one-half.column      { width: 48%; }
+  .row .one-third.column     { width: 33.3333333334%; }
+  .row .two-thirds.column    { width: 66.6666666667%; }
+
+  .row .one-half.column      { width: 50%; }
 
   /* Offsets */
-  .container .row .offset-by-one        { margin-left: 8.66666666667%; }
+  .row .offset-by-one        { margin-left: 8.33333333334%; }
-  .container .row .offset-by-two        { margin-left: 17.3333333333%; }
+  .row .offset-by-two        { margin-left: 16.6666666667%; }
-  .container .row .offset-by-three      { margin-left: 26%;            }
+  .row .offset-by-three      { margin-left: 25%;            }
-  .container .row .offset-by-four       { margin-left: 34.6666666667%; }
+  .row .offset-by-four       { margin-left: 33.3333333334%; }
-  .container .row .offset-by-five       { margin-left: 43.3333333333%; }
+  .row .offset-by-five       { margin-left: 41.6666666667%; }
-  .container .row .offset-by-six        { margin-left: 52%;            }
+  .row .offset-by-six        { margin-left: 50%;            }
-  .container .row .offset-by-seven      { margin-left: 60.6666666667%; }
+  .row .offset-by-seven      { margin-left: 58.3333333334%; }
-  .container .row .offset-by-eight      { margin-left: 69.3333333333%; }
+  .row .offset-by-eight      { margin-left: 66.6666666667%; }
-  .container .row .offset-by-nine       { margin-left: 78.0%;          }
+  .row .offset-by-nine       { margin-left: 75.0%;          }
-  .container .row .offset-by-ten        { margin-left: 86.6666666667%; }
+  .row .offset-by-ten        { margin-left: 83.3333333334%; }
-  .container .row .offset-by-eleven     { margin-left: 95.3333333333%; }
+  .row .offset-by-eleven     { margin-left: 91.6666666667%; }
 
-  .container .row .offset-by-one-third  { margin-left: 34.6666666667%; }
+  .row .offset-by-one-third  { margin-left: 33.3333333334%; }
-  .container .row .offset-by-two-thirds { margin-left: 69.3333333333%; }
+  .row .offset-by-two-thirds { margin-left: 66.6666666667%; }
 
-  .container .row .offset-by-one-half   { margin-left: 52%; }
+  .row .offset-by-one-half   { margin-left: 50%; }
 
 }
 
@@ -329,7 +327,6 @@ p {
   margin-top: 0; }
 
 
-
 /* Utilities
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .u-full-width {
@@ -370,7 +367,7 @@ hr {
 /*
 Note: The best way to structure the use of media queries is to create the queries 
 near the relevant code. For example, if you wanted to change the styles for buttons
-on small devices, paste the mobile query code up in the buttons secion and style it 
+on small devices, paste the mobile query code up in the buttons section and style it 
 there. 
 */
 
@@ -388,4 +385,4 @@ there.
 @media (min-width: 1000px) {}
 
 /* Larger than Desktop HD */
-@media (min-width: 1200px) {}
+@media (min-width: 1200px) {}

index.html

@@ -11,11 +11,11 @@
 
   <!-- Mobile Specific Metas
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <!-- FONT
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-  <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
+  <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
 
   <!-- CSS
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -43,4 +43,4 @@
 <!-- End Document
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>
-</html>
+</html>