AverageMarcus/milligram
1
0 Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'release/release/v1.2.0-rc3'

Browse Source
This commit is contained in:
CJ Patoilo committed 2016-08-01 01:02:38 -03:00
2 parents b0f4fc2c9e 496ce8cb38
commit 463220786a
19 files changed
+329 -89
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.github/contributing.md
+6
View File
@@ -9,6 +9,7 @@ We would love for you to contribute to Milligram and help us make this even bett
- [Submit a Pull Request](#submit-a-pull-request)
- [Building](#building)
- [Style Guide](#style-guide)
- [Test](#test)
- [Code of Conduct](#code-of-conduct)
- [License](#license)
@@ -80,6 +81,11 @@ Milligram use [Sass](http://sass-lang.com/) to give super powers to CSS. Look at
*Note: This style guide was inspired by [Idiomatic.css](https://github.com/necolas/idiomatic-css). Milligram uses an `.editorconfig` file, which most editors support, to enforce these coding standards.*
## Test
Breaking CSS is easy. Checking every responsive page element is hard. That's why Milligram uses automated visual regression testing for responsive web UI by comparing DOM screenshots at various viewport sizes. To view the comparison run `npm test` after making changes to the source code.
## Code of Conduct
Help us keep Milligram open and inclusive. Please read and follow our thoughts on [Code of Conduct](http://confcodeofconduct.com/).
dist/milligram.css
Vendored
+4
View File
@@ -639,6 +639,10 @@ h6 {
}
}
img {
max-width: 100%;
}
.float-right {
float: right;
}
dist/milligram.css.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["milligram.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,0EAA0E;EAC1E,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;CAClB;;AAED;;;EAGE,oBAAoB;CACrB;;AAED;EACE,kCAAkC;EAClC,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,UAAU;CACX;;AAED;;;;;EAKE,0BAA0B;EAC1B,6BAA6B;EAC7B,qBAAqB;EACrB,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,sBAAsB;EACtB,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;CACrB;;AAED;;;;;;;;;EASE,0BAA0B;EAC1B,sBAAsB;EACtB,YAAY;EACZ,WAAW;CACZ;;AAED;;;;;;;;;EASE,YAAY;EACZ,gBAAgB;CACjB;;AAED;;;;;;;;;;;;;;;;;EAiBE,0BAA0B;EAC1B,sBAAsB;CACvB;;AAED;;;;;EAKE,eAAe;EACf,8BAA8B;CAC/B;;AAED;;;;;;;;;EASE,eAAe;EACf,8BAA8B;EAC9B,sBAAsB;CACvB;;AAED;;;;;;;;;;;;;;;;;EAiBE,eAAe;EACf,sBAAsB;CACvB;;AAED;;;;;EAKE,eAAe;EACf,8BAA8B;EAC9B,0BAA0B;CAC3B;;AAED;;;;;;;;;EASE,eAAe;EACf,8BAA8B;EAC9B,0BAA0B;CAC3B;;AAED;;;;;;;;;;;;;;;;;EAiBE,eAAe;CAChB;;AAED;EACE,oBAAoB;EACpB,qBAAqB;EACrB,eAAe;EACf,qBAAqB;EACrB,gBAAgB;EAChB,oBAAoB;CACrB;;AAED;EACE,oBAAoB;EACpB,kCAAkC;EAClC,sGAAsG;CACvG;;AAED;EACE,wBAAwB;EACxB,iBAAiB;EACjB,eAAe;EACf,qBAAqB;EACrB,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,iCAAiC;EACjC,sBAAsB;EACtB,mBAAmB;CACpB;;AAED;;;;;;;;;EASE,yBAAiB;KAAjB,sBAAiB;UAAjB,iBAAiB;EACjB,8BAA8B;EAC9B,6BAA6B;EAC7B,qBAAqB;EACrB,iBAAiB;EACjB,eAAe;EACf,sBAAsB;EACtB,YAAY;CACb;;AAED;;;;;;;;;EASE,6BAA6B;EAC7B,WAAW;CACZ;;AAED;EACE,iCAAiC;EACjC,uPAAuP;CACxP;;AAED;EACE,sOAAsO;CACvO;;AAED;EACE,sBAAsB;EACtB,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,gBAAgB;EAChB,WAAW;CACZ;;AAED;;EAEE,gBAAgB;CACjB;;AAED;EACE,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY;CACb;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,YAAY;CACb;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,+BAAwB;MAAxB,wBAAwB;CACzB;;AAED;EACE,6BAAsB;MAAtB,sBAAsB;CACvB;;AAED;EACE,2BAAoB;MAApB,oBAAoB;CACrB;;AAED;EACE,4BAAqB;MAArB,qBAAqB;CACtB;;AAED;EACE,6BAAsB;MAAtB,sBAAsB;CACvB;;AAED;EACE,eAAe;EACf,QAAQ;EACR,eAAe;EACf,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE;IACE,oBAAoB;IACpB,qBAAqB;IACrB,2BAA2B;GAC5B;EACD;IACE,uBAAuB;IACvB,kBAAkB;GACnB;CACF;;AAED;EACE,eAAe;EACf,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;;;EAGE,cAAc;EACd,gBAAgB;CACjB;;AAED;;;;;;;;;EASE,eAAe;EACf,+BAA+B;CAChC;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,2BAA2B;CAC5B;;AAED;;;EAGE,sBAAsB;CACvB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;;;;EAIE,sBAAsB;CACvB;;AAED;;;;;;;;;EASE,sBAAsB;CACvB;;AAED;EACE,YAAY;CACb;;AAED;;EAEE,mCAAmC;EACnC,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;;EAEE,gBAAgB;CACjB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;EACE,cAAc;CACf;;AAED;;;;;;EAME,iBAAiB;EACjB,sBAAsB;EACtB,cAAc;CACf;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;CACF;;AAED;EACE,aAAa;CACd;;AAED;EACE,YAAY;CACb;;AAED;GACE,QAAS;CACV;;AAED;EACE,YAAY;EACZ,eAAe;CAChB;;AAED;EACE,YAAY;CACb","file":"milligram.css","sourcesContent":["html {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n color: #606c76;\n font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n font-size: 1.6em;\n font-weight: 300;\n letter-spacing: .01em;\n line-height: 1.6;\n}\n\n*,\n*:after,\n*:before {\n box-sizing: inherit;\n}\n\nblockquote {\n border-left: 0.3rem solid #d1d1d1;\n margin-left: 0;\n margin-right: 0;\n padding: 1rem 1.5rem;\n}\n\nblockquote *:last-child {\n margin: 0;\n}\n\n.button,\nbutton,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n background-color: #9b4dca;\n border: 0.1rem solid #9b4dca;\n border-radius: .4rem;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n font-size: 1.1rem;\n font-weight: 700;\n height: 3.8rem;\n letter-spacing: .1rem;\n line-height: 3.8rem;\n padding: 0 3.0rem;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.button:hover, .button:focus,\nbutton:Line truncated
{"version":3,"sources":["milligram.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,0EAA0E;EAC1E,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;CAClB;;AAED;;;EAGE,oBAAoB;CACrB;;AAED;EACE,kCAAkC;EAClC,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,UAAU;CACX;;AAED;;;;;EAKE,0BAA0B;EAC1B,6BAA6B;EAC7B,qBAAqB;EACrB,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,sBAAsB;EACtB,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;CACrB;;AAED;;;;;;;;;EASE,0BAA0B;EAC1B,sBAAsB;EACtB,YAAY;EACZ,WAAW;CACZ;;AAED;;;;;;;;;EASE,YAAY;EACZ,gBAAgB;CACjB;;AAED;;;;;;;;;;;;;;;;;EAiBE,0BAA0B;EAC1B,sBAAsB;CACvB;;AAED;;;;;EAKE,eAAe;EACf,8BAA8B;CAC/B;;AAED;;;;;;;;;EASE,eAAe;EACf,8BAA8B;EAC9B,sBAAsB;CACvB;;AAED;;;;;;;;;;;;;;;;;EAiBE,eAAe;EACf,sBAAsB;CACvB;;AAED;;;;;EAKE,eAAe;EACf,8BAA8B;EAC9B,0BAA0B;CAC3B;;AAED;;;;;;;;;EASE,eAAe;EACf,8BAA8B;EAC9B,0BAA0B;CAC3B;;AAED;;;;;;;;;;;;;;;;;EAiBE,eAAe;CAChB;;AAED;EACE,oBAAoB;EACpB,qBAAqB;EACrB,eAAe;EACf,qBAAqB;EACrB,gBAAgB;EAChB,oBAAoB;CACrB;;AAED;EACE,oBAAoB;EACpB,kCAAkC;EAClC,sGAAsG;CACvG;;AAED;EACE,wBAAwB;EACxB,iBAAiB;EACjB,eAAe;EACf,qBAAqB;EACrB,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,iCAAiC;EACjC,sBAAsB;EACtB,mBAAmB;CACpB;;AAED;;;;;;;;;EASE,yBAAiB;KAAjB,sBAAiB;UAAjB,iBAAiB;EACjB,8BAA8B;EAC9B,6BAA6B;EAC7B,qBAAqB;EACrB,iBAAiB;EACjB,eAAe;EACf,sBAAsB;EACtB,YAAY;CACb;;AAED;;;;;;;;;EASE,6BAA6B;EAC7B,WAAW;CACZ;;AAED;EACE,iCAAiC;EACjC,uPAAuP;CACxP;;AAED;EACE,sOAAsO;CACvO;;AAED;EACE,sBAAsB;EACtB,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,gBAAgB;EAChB,WAAW;CACZ;;AAED;;EAEE,gBAAgB;CACjB;;AAED;EACE,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY;CACb;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,YAAY;CACb;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,+BAAwB;MAAxB,wBAAwB;CACzB;;AAED;EACE,6BAAsB;MAAtB,sBAAsB;CACvB;;AAED;EACE,2BAAoB;MAApB,oBAAoB;CACrB;;AAED;EACE,4BAAqB;MAArB,qBAAqB;CACtB;;AAED;EACE,6BAAsB;MAAtB,sBAAsB;CACvB;;AAED;EACE,eAAe;EACf,QAAQ;EACR,eAAe;EACf,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE;IACE,oBAAoB;IACpB,qBAAqB;IACrB,2BAA2B;GAC5B;EACD;IACE,uBAAuB;IACvB,kBAAkB;GACnB;CACF;;AAED;EACE,eAAe;EACf,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;;;EAGE,cAAc;EACd,gBAAgB;CACjB;;AAED;;;;;;;;;EASE,eAAe;EACf,+BAA+B;CAChC;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,2BAA2B;CAC5B;;AAED;;;EAGE,sBAAsB;CACvB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;;;;EAIE,sBAAsB;CACvB;;AAED;;;;;;;;;EASE,sBAAsB;CACvB;;AAED;EACE,YAAY;CACb;;AAED;;EAEE,mCAAmC;EACnC,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;;EAEE,gBAAgB;CACjB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;EACE,cAAc;CACf;;AAED;;;;;;EAME,iBAAiB;EACjB,sBAAsB;EACtB,cAAc;CACf;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;EACD;IACE,kBAAkB;GACnB;CACF;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,aAAa;CACd;;AAED;EACE,YAAY;CACb;;AAED;GACE,QAAS;CACV;;AAED;EACE,YAAY;EACZ,eAAe;CAChB;;AAED;EACE,YAAY;CACb","file":"milligram.css","sourcesContent":["html {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n color: #606c76;\n font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n font-size: 1.6em;\n font-weight: 300;\n letter-spacing: .01em;\n line-height: 1.6;\n}\n\n*,\n*:after,\n*:before {\n box-sizing: inherit;\n}\n\nblockquote {\n border-left: 0.3rem solid #d1d1d1;\n margin-left: 0;\n margin-right: 0;\n padding: 1rem 1.5rem;\n}\n\nblockquote *:last-child {\n margin: 0;\n}\n\n.button,\nbutton,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n background-color: #9b4dca;\n border: 0.1rem solid #9b4dca;\n border-radius: .4rem;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n font-size: 1.1rem;\n font-weight: 700;\n height: 3.8rem;\n letter-spacing: .1rem;\n line-height: 3.8rem;\n padding: 0 3.0rem;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.button:hover,Line truncated
dist/milligram.min.css
Vendored
+1 -1
View File
@@ -6,6 +6,6 @@
* Licensed under the MIT license
*/
html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}*,*:after,*:before{box-sizing:inherit}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='button']:hover,input[type='button']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='submit']:hover,input[type='submit']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-disabled,.button[disabled],button.button-disabled,button[disabled],input[type='button'].button-disabled,input[type='button'][disabled],input[type='reset'].button-disabled,input[type='reset'][disabled],input[type='submit'].button-disabled,input[type='submit'][disabled]{opacity:.5;cursor:default}.button.button-disabled:hover,.button.button-disabled:focus,.button[disabled]:hover,.button[disabled]:focus,button.button-disabled:hover,button.button-disabled:focus,button[disabled]:hover,button[disabled]:focus,input[type='button'].button-disabled:hover,input[type='button'].button-disabled:focus,input[type='button'][disabled]:hover,input[type='button'][disabled]:focus,input[type='reset'].button-disabled:hover,input[type='reset'].button-disabled:focus,input[type='reset'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='submit'].button-disabled:hover,input[type='submit'].button-disabled:focus,input[type='submit'][disabled]:hover,input[type='submit'][disabled]:focus{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outline:focus,input[type='button'].button-outline:hover,input[type='button'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='submit'].button-outline:hover,input[type='submit'].button-outline:focus{color:#606c76;background-color:transparent;border-color:#606c76}.button.button-outline.button-disabled:hover,.button.button-outline.button-disabled:focus,.button.button-outline[disabled]:hover,.button.button-outline[disabled]:focus,button.button-outline.button-disabled:hover,button.button-outline.button-disabled:focus,button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,input[type='button'].button-outline.button-disabled:hover,input[type='button'].button-outline.button-disabled:focus,input[type='button'].button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='reset'].button-outline.button-disabled:hover,input[type='reset'].button-outline.button-disabled:focus,input[type='reset'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='submit'].button-outline.button-disabled:hover,input[type='submit'].button-outline.button-disabled:focus,input[type='submit'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus{color:#9b4dca;border-color:inherit}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{color:#9b4dca;background-color:transparent;border-color:transparent}.button.button-clear:hover,.button.button-clear:focus,button.button-clear:hover,button.button-clear:focus,input[type='button'].button-clear:hover,input[type='button'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='submit'].button-clear:hover,input[type='submit'].button-clear:focus{color:#606c76;background-color:transparent;border-color:transparent}.button.button-clear.button-disabled:hover,.button.button-clear.button-disabled:focus,.button.button-clear[disabled]:hover,.button.button-clear[disabled]:focus,button.button-clear.button-disabled:hover,button.button-clear.button-disabled:focus,button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,input[type='button'].button-clear.button-disabled:hover,input[type='button'].button-clear.button-disabled:focus,input[type='button'].button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='reset'].button-clear.button-disabled:hover,input[type='reset'].button-clear.button-disabled:focus,input[type='reseLine truncated
html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}*,*:after,*:before{box-sizing:inherit}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='button']:hover,input[type='button']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='submit']:hover,input[type='submit']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-disabled,.button[disabled],button.button-disabled,button[disabled],input[type='button'].button-disabled,input[type='button'][disabled],input[type='reset'].button-disabled,input[type='reset'][disabled],input[type='submit'].button-disabled,input[type='submit'][disabled]{opacity:.5;cursor:default}.button.button-disabled:hover,.button.button-disabled:focus,.button[disabled]:hover,.button[disabled]:focus,button.button-disabled:hover,button.button-disabled:focus,button[disabled]:hover,button[disabled]:focus,input[type='button'].button-disabled:hover,input[type='button'].button-disabled:focus,input[type='button'][disabled]:hover,input[type='button'][disabled]:focus,input[type='reset'].button-disabled:hover,input[type='reset'].button-disabled:focus,input[type='reset'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='submit'].button-disabled:hover,input[type='submit'].button-disabled:focus,input[type='submit'][disabled]:hover,input[type='submit'][disabled]:focus{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outline:focus,input[type='button'].button-outline:hover,input[type='button'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='submit'].button-outline:hover,input[type='submit'].button-outline:focus{color:#606c76;background-color:transparent;border-color:#606c76}.button.button-outline.button-disabled:hover,.button.button-outline.button-disabled:focus,.button.button-outline[disabled]:hover,.button.button-outline[disabled]:focus,button.button-outline.button-disabled:hover,button.button-outline.button-disabled:focus,button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,input[type='button'].button-outline.button-disabled:hover,input[type='button'].button-outline.button-disabled:focus,input[type='button'].button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='reset'].button-outline.button-disabled:hover,input[type='reset'].button-outline.button-disabled:focus,input[type='reset'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='submit'].button-outline.button-disabled:hover,input[type='submit'].button-outline.button-disabled:focus,input[type='submit'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus{color:#9b4dca;border-color:inherit}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{color:#9b4dca;background-color:transparent;border-color:transparent}.button.button-clear:hover,.button.button-clear:focus,button.button-clear:hover,button.button-clear:focus,input[type='button'].button-clear:hover,input[type='button'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='submit'].button-clear:hover,input[type='submit'].button-clear:focus{color:#606c76;background-color:transparent;border-color:transparent}.button.button-clear.button-disabled:hover,.button.button-clear.button-disabled:focus,.button.button-clear[disabled]:hover,.button.button-clear[disabled]:focus,button.button-clear.button-disabled:hover,button.button-clear.button-disabled:focus,button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,input[type='button'].button-clear.button-disabled:hover,input[type='button'].button-clear.button-disabled:focus,input[type='button'].button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='reset'].button-clear.button-disabled:hover,input[type='reset'].button-clear.button-disabled:focus,input[type='reseLine truncated
/*# sourceMappingURL=milligram.min.css.map */
dist/milligram.min.css.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["milligram.min.css"],"names":[],"mappings":"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","file":"milligram.min.css","sourcesContent":["html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}*,*:after,*:before{box-sizing:inherit}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='button']:hover,input[type='button']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='submit']:hover,input[type='submit']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-disabled,.button[disabled],button.button-disabled,button[disabled],input[type='button'].button-disabled,input[type='button'][disabled],input[type='reset'].button-disabled,input[type='reset'][disabled],input[type='submit'].button-disabled,input[type='submit'][disabled]{opacity:.5;cursor:default}.button.button-disabled:hover,.button.button-disabled:focus,.button[disabled]:hover,.button[disabled]:focus,button.button-disabled:hover,button.button-disabled:focus,button[disabled]:hover,button[disabled]:focus,input[type='button'].button-disabled:hover,input[type='button'].button-disabled:focus,input[type='button'][disabled]:hover,input[type='button'][disabled]:focus,input[type='reset'].button-disabled:hover,input[type='reset'].button-disabled:focus,input[type='reset'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='submit'].button-disabled:hover,input[type='submit'].button-disabled:focus,input[type='submit'][disabled]:hover,input[type='submit'][disabled]:focus{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outlineLine truncated
{"version":3,"sources":["milligram.min.css"],"names":[],"mappings":"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","file":"milligram.min.css","sourcesContent":["html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}*,*:after,*:before{box-sizing:inherit}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='button']:hover,input[type='button']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='submit']:hover,input[type='submit']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-disabled,.button[disabled],button.button-disabled,button[disabled],input[type='button'].button-disabled,input[type='button'][disabled],input[type='reset'].button-disabled,input[type='reset'][disabled],input[type='submit'].button-disabled,input[type='submit'][disabled]{opacity:.5;cursor:default}.button.button-disabled:hover,.button.button-disabled:focus,.button[disabled]:hover,.button[disabled]:focus,button.button-disabled:hover,button.button-disabled:focus,button[disabled]:hover,button[disabled]:focus,input[type='button'].button-disabled:hover,input[type='button'].button-disabled:focus,input[type='button'][disabled]:hover,input[type='button'][disabled]:focus,input[type='reset'].button-disabled:hover,input[type='reset'].button-disabled:focus,input[type='reset'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='submit'].button-disabled:hover,input[type='submit'].button-disabled:focus,input[type='submit'][disabled]:hover,input[type='submit'][disabled]:focus{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,buttonLine truncated
examples/index.html
+54 -80
View File
@@ -2,40 +2,15 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#f4f5f6">
<meta name="apple-mobile-web-app-status-bar-style" content="#f4f5f6">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="CJ Patoilo">
<meta name="description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
<meta property="og:description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
<meta property="og:image" content="https://milligram.github.io/img/thumbnail.jpg">
<meta property="og:locale" content="en">
<meta property="og:site_name" content="Milligram | A minimalist CSS framework.">
<meta property="og:title" content="Milligram | A minimalist CSS framework.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://milligram.github.io/">
<meta property="article:published_time" content="2015-12-25T01:00:00Z">
<meta property="article:author" content="CJ Patoilo">
<meta property="article:section" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:domain" content="Milligram | A minimalist CSS framework.">
<meta name="twitter:url" content="https://milligram.github.io/">
<meta name="twitter:site" content="https://milligram.github.io/">
<meta name="twitter:creator" content="CJ Patoilo">
<meta name="twitter:title" content="Milligram | A minimalist CSS framework.">
<meta name="twitter:description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
<meta name="twitter:image:src" content="https://milligram.github.io/img/thumbnail.jpg">
<title>Milligram | A minimalist CSS framework.</title>
<link rel="canonical" href="https://milligram.github.io/">
<link rel="image_src" href="https://milligram.github.io/img/thumbnail.jpg">
<link rel="icon" href="https://milligram.github.io/img/favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="https://milligram.github.io/css/milligram.min.css">
<link rel="stylesheet" href="../dist/milligram.min.css">
<link rel="stylesheet" href="https://milligram.github.io/css/style.css">
<link rel="icon" href="https://milligram.github.io/img/favicon.png">
</head>
<body>
@@ -50,38 +25,38 @@
</a>
<ul class="navigation-list float-right">
<li class="navigation-item">
<a class="navigation-link" href="#popover-grid" data-popover>Docs</a>
<div class="popover" id="popover-grid">
<ul class="popover-list">
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#getting-started" title="Getting Started">Getting Started</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#typography" title="Typography">Typography</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#blockquotes" title="Blockquotes">Blockquotes</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#buttons" title="Buttons">Buttons</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#lists" title="Lists">Lists</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#forms" title="Forms">Forms</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#tables" title="Tables">Tables</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#grids" title="Grids">Grids</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#codes" title="Codes">Codes</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#utilities" title="Utilities">Utilities</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#tips" title="Tips">Tips</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#browser-support" title="Browser Support">Browser Support</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#examples" title="Examples">Examples</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#contributing" title="Contributing">Contributing</a></li>
</ul>
</div>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#popover-support" data-popover>Support</a>
<div class="popover" id="popover-support">
<ul class="popover-list">
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram" title="On Github">On Github</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram/issues/new" title="Need help?">Need help?</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram#license" title="License">License</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram/releases" title="Versions">Versions</a></li>
</ul>
</div>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#popover-grid" data-popover>Docs</a>
<div class="popover" id="popover-grid">
<ul class="popover-list">
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#getting-started" title="Getting Started">Getting Started</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#typography" title="Typography">Typography</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#blockquotes" title="Blockquotes">Blockquotes</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#buttons" title="Buttons">Buttons</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#lists" title="Lists">Lists</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#forms" title="Forms">Forms</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#tables" title="Tables">Tables</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#grids" title="Grids">Grids</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#codes" title="Codes">Codes</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#utilities" title="Utilities">Utilities</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#tips" title="Tips">Tips</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#browser-support" title="Browser Support">Browser Support</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#examples" title="Examples">Examples</a></li>
<li class="popover-item"><a class="popover-link" href="https://milligram.github.io/#contributing" title="Contributing">Contributing</a></li>
</ul>
</div>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#popover-support" data-popover>Support</a>
<div class="popover" id="popover-support">
<ul class="popover-list">
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram" title="On Github">On Github</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram/issues/new" title="Need help?">Need help?</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram#license" title="License">License</a></li>
<li class="popover-item"><a class="popover-link" target="_blank" href="https://github.com/milligram/milligram/releases" title="Versions">Versions</a></li>
</ul>
</div>
</li>
</ul>
<a class="hidden-xs github-corner" href="https://github.com/milligram/milligram" title="Milligram on Github" target="_blank">
<svg width="80" height="80" viewBox="0 0 250 250" class="github-corner">
@@ -94,29 +69,29 @@
</nav>
<section class="container" id="examples">
<h5 class="title">Examples</h5>
<p>You can view more examples of using Milligram.</p>
<p>
<ul>
<li><a href="https://milligram.github.io/#getting-started" title="Getting Started">Getting Started</a></li>
<li><a href="https://milligram.github.io/#typography" title="Typography">Typography</a></li>
<li><a href="https://milligram.github.io/#blockquotes" title="Blockquotes">Blockquotes</a></li>
<li><a href="https://milligram.github.io/#buttons" title="Buttons">Buttons</a></li>
<li><a href="https://milligram.github.io/#lists" title="Lists">Lists</a></li>
<li><a href="https://milligram.github.io/#forms" title="Forms">Forms</a></li>
<li><a href="https://milligram.github.io/#tables" title="Tables">Tables</a></li>
<li><a href="https://milligram.github.io/#grids" title="Grids">Grids</a></li>
<li><a href="https://milligram.github.io/#codes" title="Codes">Codes</a></li>
<li><a href="https://milligram.github.io/#utilities" title="Utilities">Utilities</a></li>
<li><a href="https://milligram.github.io/#tips" title="Tips">Tips</a></li>
<li><a href="https://milligram.github.io/#browser-support" title="Browser Support">Browser Support</a></li>
</ul>
</p>
<h5 class="title">Examples</h5>
<p>You can view more examples of using Milligram.</p>
<p>
<ul>
<li><a href="https://milligram.github.io/#getting-started" title="Getting Started">Getting Started</a></li>
<li><a href="https://milligram.github.io/#typography" title="Typography">Typography</a></li>
<li><a href="https://milligram.github.io/#blockquotes" title="Blockquotes">Blockquotes</a></li>
<li><a href="https://milligram.github.io/#buttons" title="Buttons">Buttons</a></li>
<li><a href="https://milligram.github.io/#lists" title="Lists">Lists</a></li>
<li><a href="https://milligram.github.io/#forms" title="Forms">Forms</a></li>
<li><a href="https://milligram.github.io/#tables" title="Tables">Tables</a></li>
<li><a href="https://milligram.github.io/#grids" title="Grids">Grids</a></li>
<li><a href="https://milligram.github.io/#codes" title="Codes">Codes</a></li>
<li><a href="https://milligram.github.io/#utilities" title="Utilities">Utilities</a></li>
<li><a href="https://milligram.github.io/#tips" title="Tips">Tips</a></li>
<li><a href="https://milligram.github.io/#browser-support" title="Browser Support">Browser Support</a></li>
</ul>
</p>
</section>
<section class="container" id="contributing">
<h5 class="title">Contributing</h5>
<p>Want to contribute? Follow these <a href="https://github.com/milligram/milligram/blob/master/contributing.md" title="Contributing">recommendations</a>.</p>
<p>Want to contribute? Follow these <a href="https://github.com/milligram/milligram/blob/master/.github/contributing.md" title="Contributing">recommendations</a>.</p>
</section>
<footer class="footer">
@@ -127,8 +102,7 @@
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js"></script>
<script src="https://milligram.github.io/js/script.js"></script>
</body>
</html>
</html>
package.json
+10 -6
View File
@@ -47,21 +47,25 @@
},
"devDependencies": {
"autoprefixer": "^6.3.6",
"backstopjs": "^1.3.5",
"browser-sync": "^2.13.0",
"node-sass": "^3.7.0",
"npm-run-all": "^2.1.1",
"onchange": "^2.4.0",
"postcss-cli": "^2.5.2"
"postcss-cli": "^2.5.2",
"slimerjs": "^0.906.2"
},
"engines": {
"node": "^6.0.0"
},
"scripts": {
"banner:expanded": "echo '/*!\n * Milligram v1.1.0\n * http://milligram.github.io\n *\n * Copyright (c) 2016 CJ Patoilo\n * Licensed under the MIT license\n*/\n' | cat - dist/milligram.css > temp && mv temp dist/milligram.css",
"banner:compressed": "echo '/*!\n * Milligram v1.1.0\n * http://milligram.github.io\n *\n * Copyright (c) 2016 CJ Patoilo\n * Licensed under the MIT license\n*/\n' | cat - dist/milligram.min.css > temp && mv temp dist/milligram.min.css",
"sass:expanded": "node-sass --output-style expanded src/milligram.sass dist/milligram.css",
"sass:compressed": "node-sass --output-style compressed src/milligram.sass dist/milligram.min.css",
"banner": "for m in dist/*.css; do echo '/*!\n * Milligram v1.1.0\n * http://milligram.github.io\n *\n * Copyright (c) 2016 CJ Patoilo\n * Licensed under the MIT license\n*/\n' | cat - $m > temp && mv temp $m; done",
"sass": "node-sass --output-style expanded src/milligram.sass dist/milligram.css && node-sass --output-style compressed src/milligram.sass dist/milligram.min.css",
"autoprefixer": "postcss -u autoprefixer --no-map.inline --autoprefixer.browsers 'last 1 versions' -r dist/*.css",
"build": "npm-run-all sass autoprefixer banner",
"watch": "onchange src -- npm run build",
"build": "npm-run-all sass:expanded sass:compressed autoprefixer banner:expanded banner:compressed"
"serve": "browser-sync start -s test --ss dist -f dist",
"start": "npm-run-all -p watch serve",
"test": "cd node_modules/backstopjs && npm run test -- --configPath=../../test/visual/backstop.config.js && cd ../../"
}
}
src/_Image.sass
+6
View File
@@ -0,0 +1,6 @@
// Image
// ––––––––––––––––––––––––––––––––––––––––––––––––––
img
max-width: 100%
src/milligram.sass
+1
View File
@@ -15,4 +15,5 @@
@import Spacing
@import Table
@import Typography
@import Image
@import Utility
test/index.html
+204
View File
@@ -0,0 +1,204 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="CJ Patoilo">
<meta name="description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
<title>Milligram | A minimalist CSS framework.</title>
<link rel="icon" href="https://milligram.github.io/img/favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="milligram.min.css"><!-- to generate this style run `$ npm start` -->
<link rel="stylesheet" href="https://milligram.github.io/css/style.css">
</head>
<body>
<main class="wrapper">
<section class="container" id="typography">
<h5 class="title">Typography</h5>
<div class="example">
<h1>Heading<span class="heading-font-size"> <code>&lt;h1&gt;</code> 5.0rem (50px)</span></h1>
<h2>Heading<span class="heading-font-size"> <code>&lt;h2&gt;</code> 4.2rem (42px)</span></h2>
<h3>Heading<span class="heading-font-size"> <code>&lt;h3&gt;</code> 3.6rem (36px)</span></h3>
<h4>Heading<span class="heading-font-size"> <code>&lt;h4&gt;</code> 3.0rem (30px)</span></h4>
<h5>Heading<span class="heading-font-size"> <code>&lt;h5&gt;</code> 2.4rem (24px)</span></h5>
<h6>Heading<span class="heading-font-size"> <code>&lt;h6&gt;</code> 1.5rem (15px)</span></h6>
</div>
<p>See more examples of <strong>typography</strong> <a href="typography.html" title="Examples about typography">here</a>.</p>
</section>
<section class="container" id="blockquotes">
<h5 class="title">Blockquotes</h5>
<div class="example">
<blockquote>
<p><em>Yeah!! Milligram is amazing.</em></p>
</blockquote>
</div>
<p>See more examples of <strong>blockquotes</strong> <a href="blockquotes.html" title="Examples about blockquotes">here</a>.</p>
</section>
<section class="container" id="buttons">
<h5 class="title">Buttons</h5>
<div class="example">
<a class="button" href="javascript: void(0)">Default Button</a>
<button class="button button-outline">Outlined Button</button>
<input class="button button-clear" type="submit" value="Clear Button">
</div>
<p>See more examples of <strong>buttons</strong> <a href="buttons.html" title="Examples about buttons">here</a>.</p>
</section>
<section class="container" id="lists">
<h5 class="title">Lists</h5>
<div class="example">
<div class="row">
<div class="column">
<ul>
<li>Unordered list item 1</li>
<li>Unordered list item 2</li>
</ul>
</div>
<div class="column">
<ol>
<li>Ordered list item 1</li>
<li>Ordered list item 2</li>
</ol>
</div>
<div class="column">
<dl>
<dt>Description list item 1</dt>
<dd>Description list item 1.1</dd>
</dl>
</div>
</div>
</div>
<p>See more examples of <strong>lists</strong> <a href="lists.html" title="Examples about lists">here</a>.</p>
</section>
<section class="container" id="forms">
<h5 class="title">Forms</h5>
<div class="example">
<form action="javascript: void(0)">
<fieldset>
<label for="nameField">Name</label>
<input type="text" placeholder="CJ Patoilo" id="nameField">
<label for="commentField">Comment</label>
<textarea placeholder="Hi CJ &hellip;" id="commentField"></textarea>
<div class="example-send-yourself-copy">
<input type="checkbox" id="confirmField">
<label class="label-inline" for="confirmField">Send a copy to yourself</label>
</div>
<input class="button-primary" type="submit" value="Send">
</fieldset>
</form>
</div>
<p>See more examples of <strong>forms</strong> <a href="forms.html" title="Examples about forms">here</a>.</p>
</section>
<section class="container" id="tables">
<h5 class="title">Tables</h5>
<div class="example">
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Height</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Stephen Curry</td>
<td>27</td>
<td>1,91</td>
<td>Akron, OH</td>
</tr>
<tr>
<td>Klay Thompson</td>
<td>25</td>
<td>2,01</td>
<td>Los Angeles, CA</td>
</tr>
</tbody>
</table>
</div>
<p>See more examples of <strong>tables</strong> <a href="tables.html" title="Examples about tables">here</a>.</p>
</section>
<section class="container" id="grids">
<h5 class="title">Grids</h5>
<div class="example">
<div class="container">
<div class="row">
<div class="column"><span class="column-demo">.column</span></div>
<div class="column"><span class="column-demo">.column</span></div>
<div class="column"><span class="column-demo">.column</span></div>
<div class="column"><span class="column-demo">.column</span></div>
</div>
<div class="row">
<div class="column"><span class="column-demo">.column</span></div>
<div class="column column-50 column-offset-25"><span class="column-demo">.column-50.column-offset-25</span></div>
</div>
</div>
</div>
<p>See more examples of <strong>grids</strong> <a href="grids.html" title="Examples about grids">here</a>.</p>
</section>
<section class="container" id="codes">
<h5 class="title">Codes</h5>
<div class="example">
<pre><code>.milligram {
color: #9b4dca;
}
</code></pre>
</div>
<p>See more examples of <strong>codes</strong> <a href="codes.html" title="Examples about codes">here</a>.</p>
</section>
<section class="container" id="utilities">
<h5 class="title">Utilities</h5>
<div class="example">
<div class="clearfix">
<div class="float-left">
<h6>Float to left</h6>
</div>
<div class="float-right">
<h6>Float to right</h6>
</div>
</div>
</div>
<p>See more examples of <strong>utilities</strong> <a href="utilities.html" title="Examples about utilities">here</a>.</p>
</section>
<section class="container" id="examples">
<h5 class="title">Examples</h5>
<p>
<ul>
<li><a href="https://milligram.github.io/getting-started.html" title="Getting Started">Getting Started</a></li>
<li><a href="https://milligram.github.io/typography.html" title="Typography">Typography</a></li>
<li><a href="https://milligram.github.io/blockquotes.html" title="Blockquotes">Blockquotes</a></li>
<li><a href="https://milligram.github.io/buttons.html" title="Buttons">Buttons</a></li>
<li><a href="https://milligram.github.io/lists.html" title="Lists">Lists</a></li>
<li><a href="https://milligram.github.io/forms.html" title="Forms">Forms</a></li>
<li><a href="https://milligram.github.io/tables.html" title="Tables">Tables</a></li>
<li><a href="https://milligram.github.io/grids.html" title="Grids">Grids</a></li>
<li><a href="https://milligram.github.io/codes.html" title="Codes">Codes</a></li>
<li><a href="https://milligram.github.io/utilities.html" title="Utilities">Utilities</a></li>
<li><a href="https://milligram.github.io/tips.html" title="Tips">Tips</a></li>
<li><a href="https://milligram.github.io/browser-support.html" title="Browser Support">Browser Support</a></li>
</ul>
</p>
</section>
<footer class="footer">
<section class="container">
<p>Designed with ♥ by <a target="blank" href="http://cjpatoilo.com" title="CJ Patoilo">CJ Patoilo</a>. Licensed under the <a target="blank" href="https://github.com/milligram/milligram#license" title="MIT License">MIT License</a>.</p>
</section>
</footer>
</main>
</body>
</html>
test/visual/backstop.config.js
+33
View File
@@ -0,0 +1,33 @@
module.exports = {
viewports: [
{ name: 'phone_v', width: 320, height: 480 },
{ name: 'phone_h', width: 480, height: 320 },
{ name: 'tablet_v', width: 768, height: 1024 },
{ name: 'tablet_h', width: 1024, height: 768 },
{ name: 'laptop', width: 1280, height: 800 },
{ name: 'desktop', width: 1920, height: 1080 }
],
scenarios: [{
label: 'Milligram | A minimalist CSS framework.',
url: 'http://localhost:3000',
hideSelectors: [],
removeSelectors: ['.__bs_notify__'],
selectors: ['body'],
readyEvent: null,
delay: 500,
misMatchThreshold: 0.1,
onBeforeScript: 'onBefore.js',
onReadyScript: 'onReady.js'
}],
paths: {
bitmaps_reference: '../../test/visual/reference',
bitmaps_test: '.tmp',
casper_scripts: '../../test/visual/fixtures',
compare_data: '.tmp/compare.json'
},
engine: 'slimerjs',
report: ['browser'],
casperFlags: [],
debug: false,
port: 3002
}
test/visual/fixtures/onBefore.js
+4
View File
@@ -0,0 +1,4 @@
module.exports = function(casper, scenario, vp) {
casper.echo('onBeforeEach.js', 'INFO');
casper.wait(50);
};
test/visual/fixtures/onReady.js
+4
View File
@@ -0,0 +1,4 @@
module.exports = function(casper, scenario, vp) {
casper.echo('onReady.js', 'INFO');
casper.wait(50);
};
test/visual/reference/0_0_body_0_phone_v.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 KiB

test/visual/reference/0_0_body_1_phone_h.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

test/visual/reference/0_0_body_2_tablet_v.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

test/visual/reference/0_0_body_3_tablet_h.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

test/visual/reference/0_0_body_4_laptop.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

test/visual/reference/0_0_body_5_desktop.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB