Updated info for the next release. v0.4.4

README.md

@@ -1,12 +1,12 @@
 # [Meshki](http://meshki.borderliner.ir/)
 Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.<br>
-It is only <b>~13 KiB</b> (minified) and ~30 KiB (normal), including both CSS and JS files.<br>
+It is only <b>~14 KiB</b> (minified) and ~31 KiB (normal), including both CSS and JS files.<br>
 Check out <http://meshki.borderliner.ir/> for samples and details.
 
 ## Getting started
 
 There are a couple ways to download Meshki:
-- [Download the zip](https://github.com/Borderliner/Meshki/archive/v0.4.3.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v0.4.3.tar.gz)
+- [Download the zip](https://github.com/Borderliner/Meshki/archive/v0.4.4.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v0.4.4.tar.gz)
 - Clone the repo: `git clone https://github.com/Borderliner/Meshki.git` (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)<br>
 You can also download it via `bower install meshki --save`
 
@@ -58,14 +58,15 @@ Meshki is lightweight, stylish and simple. It styles only raw HTML elements (wit
 
 - Chrome latest
 - Firefox latest
+- Microsoft Edge
 - Opera latest
 - Safari latest
-- IE latest (Older versions are not guaranteed to work)
+- IE 9+ (Older versions are not guaranteed to work)
 
 The above list is non-exhaustive. Meshki works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.
 
-** Known Issues
-There are some browsers that are untested yet, one of them is Midori, which renders the buttons badly. Will be fixed as soon as possible.
+## Major Known Issues
+Navbar's dropdown issue on handheld devices. Will be fixed in the next version.
 
 ## License
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "meshki",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "homepage": "http://meshki.borderliner.ir/",
   "repository": {
     "type": "git",

dist/meshki.css

@@ -1,5 +1,5 @@
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -24,7 +24,7 @@ button,
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
-  cursor: default;
+  cursor: pointer;
   margin: 5px !important;
   border-radius: 5px;
   text-decoration: none;
@@ -41,6 +41,30 @@ input[type="button"] {
   line-height: normal !important; /* Fix Midori bug */
 }
 
+a.button.small,
+button.small,
+input[type="submit"].small,
+input[type="reset"].small,
+input[type="button"].small {
+  font-size: 1.2rem;
+}
+
+a.button.medium,
+button.medium,
+input[type="submit"].medium,
+input[type="reset"].medium,
+input[type="button"].medium {
+  font-size: 1.6rem;
+}
+
+a.button.large,
+button.large,
+input[type="submit"].large,
+input[type="reset"].large,
+input[type="button"].large {
+  font-size: 2.2rem;
+}
+
 /* Simple button's hover */
 a.button:hover,
 button:hover,
@@ -131,7 +155,7 @@ input[type="button"].warning:hover {
   color: #fff;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -187,7 +211,7 @@ pre.filled > code {
   color: #000;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -232,7 +256,7 @@ footer .row {
   }
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -285,15 +309,30 @@ input[type="text"],
 input[type="tel"],
 input[type="url"],
 input[type="password"],
-textarea {
+textarea,
+select {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }
 
+/* Firefox outline bug */
+select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 #000;
+}
+
+/* Dropdown arrow for everyone! */
+select {
+  outline: 0 !important;
+  background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiMwMDAwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
+  background-color: #E1E1E1;
+  background-position: 98% 50%;
+}
+
 textarea {
   min-height: 65px;
-  padding: 6px 0px 6px 0px;
+  padding: 6px 10px;
 }
 
 /* Blue light animation when the form elements get focus */
@@ -363,34 +402,38 @@ input[type="checkbox"] + label.checkbox:before, input[type="radio"] + label.radi
     display: inline-block;
     width: 10px;
     height: 10px;
-    background-color: #E1E1E1;
+    background-color: transparent;
     border: 2px solid #E1E1E1;
     border-radius: 5px;
     padding: 2px;
     margin-right: 10px;
+    margin-bottom: 3px;
     vertical-align: middle;
     text-align: center;
     transition: background-color .3s, box-shadow .3s;
 }
 
+/* Round shape for radio boxes */
+input[type="radio"] + label.radio:before {
+  border-radius: 20px;
+}
+
 /* When the checkbox is checked */
 input[type="checkbox"]:checked + label.checkbox:before {
     background-color: #33BBF0;
-    box-shadow: inset 0px 0px 0px 2px #E1E1E1;
 }
 
 /* When the radio button is checked */
 input[type="radio"]:checked + label.radio:before {
     background-color: #33BBF0;
-    box-shadow: inset 0px 0px 0px 2px #E1E1E1;
 }
 
 /* Remove outlines of checkboxes and radio buttons, especially for Firefox */
 input[type="checkbox"]:focus + label.checkbox, input[type="radio"]:focus + label.radio {
   outline: none !important;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -510,7 +553,7 @@ input[type="checkbox"]:focus + label.checkbox, input[type="radio"]:focus + label
   .offset-by-one-half.columns     { margin-left: 52%; }
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -544,7 +587,7 @@ li {
   margin-bottom: 1rem;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -675,7 +718,7 @@ compatibility reasons.
 /* Larger than Desktop HD */
 @media (min-width: 1200px) {}
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1207,7 +1250,7 @@ textarea {
   font: inherit; /* 2 */
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1291,7 +1334,7 @@ textarea {
   }
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1346,7 +1389,7 @@ table.hover > tbody tr:hover {
   background-color: #404040;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1383,7 +1426,7 @@ p {
   margin-top: 0;
 }
 /*
-* Meshki v0.4.3
+* Meshki v0.4.4
 * Copyright 2016, Mohammad reza Hajianpour <[email protected]>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.

dist/meshki.js

@@ -1,12 +1,19 @@
 var meshki = {
   openNav: function() {
-    document.getElementsByClassName("sidenav")[0].style.width = "250px";
-    if (window.innerWidth > 768)
-      document.getElementsByClassName("content")[0].style.marginLeft = "250px";
+    var sidenav = document.getElementsByClassName("sidenav")[0],
+        content = document.getElementsByClassName("content")[0],
+        isSidenavPush = (sidenav.className.split(' ').indexOf('push') > -1);
+
+    sidenav.style.width = "250px";
+    if (window.innerWidth > 768 && isSidenavPush)
+      content.style.marginLeft = "250px";
   },
   closeNav: function() {
-    document.getElementsByClassName("sidenav")[0].style.width = "0";
-    if (window.innerWidth > 768)
-      document.getElementsByClassName("content")[0].style.marginLeft = "0";
+    var sidenav = document.getElementsByClassName("sidenav")[0],
+        content = document.getElementsByClassName("content")[0],
+        isSidenavPush = (sidenav.className.split(' ').indexOf('push') > -1);
+    sidenav.style.width = "0";
+    if (window.innerWidth > 768 && isSidenavPush)
+      content.style.marginLeft = "0";
   }
 };