-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
31 changed files
with
236 additions
and
155 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
# [Meshki](http://meshki.borderliner.ir/) | ||
# [Meshki](https://borderliner.github.io/Meshki/) | ||
[![npm](https://img.shields.io/npm/dm/meshki.svg?maxAge=2592000?style=flat-square)](https://www.npmjs.com/package/meshki) | ||
[![GitHub tag](https://img.shields.io/github/tag/borderliner/meshki.svg?maxAge=2592000?style=flat-square)](https://github.com/Borderliner/Meshki/releases) | ||
[![npm](https://img.shields.io/npm/l/meshki.svg?maxAge=2592000?style=flat-square)](https://github.com/Borderliner/Meshki/blob/master/LICENSE.md) | ||
|
@@ -7,12 +7,12 @@ | |
|
||
Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.<br> | ||
It is only <b>~18 KiB</b> (minified) and ~41 KiB (normal), including both CSS and JS files.<br> | ||
Check out <http://meshki.borderliner.ir/> for samples and details. | ||
Check out <https://borderliner.github.io/Meshki/> for samples and details. | ||
|
||
## Getting Started | ||
|
||
There are a couple ways to download Meshki: | ||
- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.4.0.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.4.0.tar.gz) | ||
- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.4.1.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.4.1.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) | ||
- Use Bower: `bower install meshki` **(Recommended)** | ||
- Use npm: `npm install meshki` | ||
|
@@ -60,7 +60,7 @@ Meshki is lightweight, stylish and simple. It styles only raw HTML elements (wit | |
- Although it's not a UI framework, you can create most of the interface just with Meshki | ||
- No compilation or installation needed. Just 2 files of CSS + JS | ||
- Can be installed via `bower` and `npm` (`bower install meshki` and `npm install meshki`) | ||
- Available through [CloudFlare](https://cdnjs.com/libraries/meshki)'s CDN | ||
- Available through [CloudFlare](https://cdnjs.com/libraries/meshki) and [jsDelivr](https://www.jsdelivr.com/projects/meshki) CDNs | ||
- Clean code, clean interface, without any headaches | ||
- Dependency-free! You don't need jQuery to run Meshki. All pure JavaScript | ||
|
||
|
@@ -77,8 +77,7 @@ Meshki is lightweight, stylish and simple. It styles only raw HTML elements (wit | |
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 IE 9. | ||
|
||
## Major Known Issues | ||
- I once saw very bad rendering on a low resolution laptop. It's probably nothing I can do about, but report any issues related to bad font rendering. I recently changed it to Open Sans, which is very clean and well-tested. | ||
- On tablets, opening the push slider sometimes messes up the button-couples. Will find a workaround in the future release. | ||
- On tablets, opening the push slider sometimes messes up the button-couples. Will find a workaround in the future releases. | ||
|
||
## Tools Used | ||
|
||
|
@@ -88,9 +87,9 @@ Meshki has been developed on a GNU/Linux system (Arch Linux and Ubuntu), using a | |
|
||
All parts of Meshki are free to use and abuse under the [open-source MIT license](https://github.com/Borderliner/Meshki/blob/master/LICENSE.md).<br> | ||
All other non-Meshki codes have their own licenses. Check out their repositories for more information. | ||
The website of [Meshki](http://meshki.borderliner.ir) uses [font-awesome](http://fontawesome.io/) | ||
The website of [Meshki](https://borderliner.github.io/Meshki/) uses [font-awesome](http://fontawesome.io/) | ||
|
||
## Acknowledgement | ||
|
||
[Meshki](http://meshki.borderliner.ir) started by [Mohammad Reza Hajianpour](mailto:[email protected]) as a fork of [Skeleton](https://github.com/dhg/Skeleton). Although it has changed a lot, and Meshki has experienced a total overhaul.<br> | ||
[Meshki](https://borderliner.github.io/Meshki/) started by [Mohammad Reza Hajianpour](mailto:[email protected]) as a fork of [Skeleton](https://github.com/dhg/Skeleton). Although it has changed a lot, and Meshki has experienced a total overhaul.<br> | ||
Skeleton was created by [Dave Gamache](https://twitter.com/dhg). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
# Meshki v1.4.0 | ||
# Meshki v1.4.1 | ||
# Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
# http://meshki.borderliner.ir/ | ||
# https://borderliner.github.io/Meshki/ | ||
# Free to use under the MIT license. | ||
# https://opensource.org/licenses/MIT | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -263,9 +263,9 @@ input[type="button"].warning:active { | |
} | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -319,9 +319,9 @@ pre.filled > code { | |
color: #000; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -358,9 +358,9 @@ footer .row, | |
} | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -424,6 +424,58 @@ select:-moz-focusring { | |
text-shadow: 0 0 0 #000; | ||
} | ||
|
||
select.sharp, | ||
button.sharp, | ||
textarea.sharp, | ||
input.sharp, | ||
fieldset.sharp, | ||
pre.sharp, | ||
code.sharp, | ||
a.button.sharp { | ||
border-radius: 0 !important; | ||
} | ||
|
||
body.sharp select, | ||
body.sharp button, | ||
body.sharp textarea, | ||
body.sharp input, | ||
body.sharp fieldset, | ||
body.sharp pre, | ||
body.sharp code, | ||
body.sharp a.button, | ||
body.sharp .button-couple a.button, | ||
body.sharp .button-couple button, | ||
body.sharp input[type=checkbox]+label.checkbox:before { | ||
border-radius: 0; | ||
} | ||
|
||
body.sharp input[type=range]::-webkit-slider-runnable-track, | ||
body.sharp input[type=range]::-webkit-slider-thumb { | ||
border-radius: 0; | ||
} | ||
|
||
body.sharp input[type=range]::-moz-range-track, | ||
body.sharp input[type=range]::-moz-range-thumb { | ||
border-radius: 0; | ||
} | ||
|
||
body.sharp input[type=range]::-ms-thumb, | ||
body.sharp input[type=range]::-ms-fill-lower, | ||
body.sharp input[type=range]::-ms-fill-upper { | ||
border-radius: 0; | ||
} | ||
|
||
select.unsharp, | ||
button.unsharp, | ||
textarea.unsharp, | ||
input.unsharp, | ||
fieldset.unsharp, | ||
pre.unsharp, | ||
code.unsharp, | ||
a.button.unsharp { | ||
border-radius: 5px !important; | ||
} | ||
|
||
/* Dropdown arrow for everyone! */ | ||
select { | ||
outline: 0 !important; | ||
|
@@ -557,21 +609,13 @@ input[type=range]::-webkit-slider-runnable-track { | |
} | ||
|
||
input[type=range]::-webkit-slider-thumb { | ||
height: 20px; | ||
width: 20px; | ||
height: 22px; | ||
width: 22px; | ||
border-radius: 25px; | ||
background-color: #E1E1E1; | ||
cursor: pointer; | ||
-webkit-appearance: none; | ||
margin-top: 1px; | ||
border: 2px solid transparent; | ||
transition: background-color .3s, border-color .3s; | ||
} | ||
|
||
input[type=range]:focus::-webkit-slider-thumb, | ||
input[type=range]:hover::-webkit-slider-thumb { | ||
background-color: #55acee; | ||
border-color: #E1E1E1; | ||
} | ||
|
||
input[type=range]::-moz-range-track { | ||
|
@@ -590,13 +634,6 @@ input[type=range]::-moz-range-thumb { | |
background-color: #E1E1E1; | ||
border: 2px solid transparent; | ||
cursor: pointer; | ||
transition: background-color .3s, border-color .3s; | ||
} | ||
|
||
input[type=range]:focus::-moz-range-thumb, | ||
input[type=range]:hover::-moz-range-thumb { | ||
background-color: #55acee; | ||
border-color: #E1E1E1; | ||
} | ||
|
||
/* Fix Firefox outline bug */ | ||
|
@@ -627,18 +664,11 @@ input[type=range]::-ms-thumb { | |
background-color: #E1E1E1; | ||
cursor: pointer; | ||
border: 2px solid transparent; | ||
transition: background-color .3s, border-color .3s; | ||
} | ||
|
||
input[type=range]:focus::-ms-thumb, | ||
input[type=range]:hover::-ms-thumb { | ||
background-color: #55acee; | ||
border-color: #E1E1E1; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -738,9 +768,9 @@ input[type=range]:hover::-ms-thumb { | |
.offset-by-one-half.col { margin-left: 52%; } | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -772,9 +802,9 @@ li { | |
margin-bottom: 1rem; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -855,6 +885,8 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */ | |
html { | ||
font-size: 62.5%; | ||
height: 100%; | ||
-webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove highlight color */ | ||
-webkit-tap-highlight-color: transparent; | ||
} | ||
|
||
/* General attributes of the body tag */ | ||
|
@@ -962,9 +994,9 @@ compatibility reasons. | |
/* Larger than Desktop HD */ | ||
@media (min-width: 1200px) {} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -1580,9 +1612,9 @@ template { | |
display: none; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -1678,9 +1710,9 @@ template { | |
} | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -1733,9 +1765,9 @@ table.hover > tbody tr:hover { | |
background-color: #404040; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
@@ -1770,9 +1802,9 @@ p { | |
margin-top: 0; | ||
} | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
/* | ||
* Meshki v1.4.0 | ||
* Meshki v1.4.1 | ||
* Copyright 2016, Mohammad reza Hajianpour <[email protected]> | ||
* http://meshki.borderliner.ir/ | ||
* https://borderliner.github.io/Meshki/ | ||
* Free to use under the MIT license. | ||
* https://opensource.org/licenses/MIT | ||
*/ | ||
|
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file not shown.
Oops, something went wrong.