Merge pull request #8 from opencomponents/mobile

Media !important queries for mobile

Author: matteofigus

components/landing-page/css/styles.css

@@ -173,4 +173,28 @@ pre {
 
 li {
   text-decoration: none;
-}
+}
+
+@media only screen and (min-width : 320px) and (max-width : 768px) {
+  #hero header {
+    padding-top: 60px;
+  }
+  
+  #hero header h1 {
+    font-size: 44px;
+  }
+
+  #hero header h2 {
+    font-size: 24px;
+  }
+
+  .button, button {
+    padding: 5px 14px;
+    margin: 0px 1px;
+    font-size: 17px;
+  }
+
+  nav {
+    margin-top: 25px;
+  }
+}

components/landing-page/package.json

@@ -1,7 +1,7 @@
 {
   "name": "landing-page",
-  "description": "",
-  "version": "1.1.2",
+  "description": "The LandingPage Component for the OpenComponents website",
+  "version": "1.1.3",
   "oc": {
     "files": {
       "data": "server.js",
@@ -16,6 +16,6 @@
     }
   },
   "devDependencies": {
-    "oc-template-handlebars-compiler": "6.0.8"
+    "oc-template-handlebars-compiler": "6.1.3"
   }
 }

index.html

@@ -14,7 +14,6 @@
       }, i[r].l = 1 * new Date(); a = s.createElement(o),
         m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
       })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-
       ga('create', 'UA-54446639-6', 'auto');
       ga('send', 'pageview');
     </script>