BafS · shchukin · Apr 23, 2016 · Apr 23, 2016 · Apr 23, 2016 · Apr 23, 2016
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Fabien Sa
+
+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.
diff --git a/index.html b/index.html
@@ -2,8 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+
     <title>μ css framework</title>
-    <link rel="stylesheet" href="mu.css" />
+    <link rel="stylesheet" href="mu.min.css" />
     <style>
     .row.colorize .c {
       background: #f4f4f4;
@@ -48,13 +51,13 @@ <h1>This is a <em>μ</em> website.</h1>
     </header>
 
     <h2>
-      This website uses the μ css framework.
+      This website uses the <a href="https://github.com/BafS/mu">μ css framework</a>.
     </h2>
     <p>
       <strong>The μ framework is just 1 kb.</strong>
     </p>
     <p>
-      Inpired by the <a href="http://motherfuckingwebsite.com/">motherfuckingwebsite.com</a>, using μ css framework is simple <em>as fuck</em>.
+      Inspired by the <a href="http://motherfuckingwebsite.com/">motherfuckingwebsite.com</a>, using μ css framework is simple <em>as fuck</em>.
     </p>
     <p>
       As the motherfuckingwebsite, μ css framework:
@@ -85,11 +88,15 @@ <h5>H5 title</h5>
       Paragraph lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     </p>
 
+
+    <h3>Link</h3>
+    <a href="https://github.com/BafS/mu">Github</a>
+
     <h3>Button</h3>
     <button>Hello World</button>
 
-    <h3>Link</h3>
-    <a href="github.com">Github</a>
+    <h3>Input</h3>
+    <input type="text" placeholder="Text..." />
 
     <h3>Separator</h3>
     <hr>
@@ -287,6 +294,8 @@ <h3>Tables</h3>
   background-color: #f3f3f3;
 }
 
+
+
 table.bordered, table.bordered th, table.bordered td {
   border: 1px solid #ddd;
 }</pre>

diff --git a/mu.css b/mu.css
@@ -1,16 +1,11 @@
 /*
-| The mu framework
+| The mu framework v0.2.0
 */
-*, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
 
 body {
   font-family: Georgia, "Times New Roman", Times, serif;
   margin: 40px auto;
-  max-width: 760px;
+  max-width: 720px;
   line-height: 1.6;
   font-size: 18px;
   color: #444;
@@ -23,8 +18,8 @@ h1, h2, h3, h4, h5 {
 }
 
 a {
-  text-decoration: none;
   color: #06c;
+  text-decoration: none;
 }
 
 a:hover {
@@ -34,20 +29,17 @@ a:hover {
 
 hr {
   border: 0;
-  margin: 20px 0;
-  border-top: 1px solid #ccc;
+  margin: 25px 0;
 }
 
 table {
-  width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   text-align: left;
-  font-size: 16px;
   padding-bottom: 25px;
 }
 
-td, tr {
+td, th, hr {
   border-bottom: 1px solid #ddd;
 }
 
@@ -58,7 +50,16 @@ button {
   font-size: 14px;
 }
 
-code, pre {
+input, table {
+  font-size: 16px;
+}
+
+input, td, th {
+  padding: 5px;
+  vertical-align: bottom;
+}
+
+code, pre, button:hover {
   background: #eee;
 }
 
@@ -87,9 +88,10 @@ pre {
 
 .row .c {
   float: left;
+  box-sizing: border-box;
 }
 
-.g2, .g3, .g3-2, .m2, .m3, .m3-2 {
+table, .g2, .g3, .g3-2, .m2, .m3, .m3-2 {
   width: 100%;
 }
 

diff --git a/mu.min.css b/mu.min.css
diff --git a/readme.md b/readme.md
@@ -0,0 +1,13 @@
+<a href="https://bafs.github.io/mu"><img src="http://i.imgur.com/Tio5Q9R.png" /></a>
+
+The μ framework is just 1 kb
+
+Inspired by the [motherfuckingwebsite.com](http://motherfuckingwebsite.com), using μ css framework is simple *as fuck*.
+
+Check the [**demo** here](https://bafs.github.io/mu).
+
+### Using μ with a CDN
+
+```html
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mu/0.2.0/mu.min.css" />
+```