├── LICENSE ├── README.md ├── package.json ├── scripts └── build.js ├── tinyreset.css ├── tinyreset.min.css └── tinyreset.scss /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Shankar S 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Tinyreset - tiny CSS reset for the modern web 2 | ### Just adding a little flavour to Eric Meyer’s reset. 3 | 4 | ### **Usage:** 5 | #### npm: 6 | `npm install tinyreset` 7 | 8 | #### Rawgit: 9 | `https://raw.githubusercontent.com/shankariyerr/tinyreset/master/tinyreset.min.css` 10 | 11 | #### unpkg: 12 | `https://unpkg.com/tinyreset@1.0.1/tinyreset.min.css` 13 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tinyreset", 3 | "version": "1.0.1", 4 | "description": "tiny CSS reset for the modern web", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "node scripts/build.js" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/shankariyerr/tinyreset.git" 12 | }, 13 | "keywords": [ 14 | "css", 15 | "reset" 16 | ], 17 | "author": "shankariyerr", 18 | "license": "MIT", 19 | "bugs": { 20 | "url": "https://github.com/shankariyerr/tinyreset/issues" 21 | }, 22 | "homepage": "https://github.com/shankariyerr/tinyreset#readme", 23 | "devDependencies": { 24 | "clean-css": "^4.1.3", 25 | "node-sass": "^4.5.3" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scripts/build.js: -------------------------------------------------------------------------------- 1 | const fs = require('fs'); 2 | const CleanCSS = require('clean-css'); 3 | const sass = require('node-sass'); 4 | 5 | const pkg = JSON.parse(fs.readFileSync('./package.json')); 6 | const name = pkg.name; 7 | 8 | sass.render({ 9 | file: `./${name}.scss` 10 | }, (error, result) => { 11 | const cleanCSS = new CleanCSS(); 12 | const css = result.css; 13 | const minified = cleanCSS.minify(css).styles; 14 | 15 | fs.writeFile(`./${name}.css`, css, error => { 16 | if (error) { 17 | return error; 18 | } 19 | }); 20 | 21 | fs.writeFile(`./${name}.min.css`, minified, error => { 22 | if (error) { 23 | return error; 24 | } 25 | }); 26 | }); 27 | -------------------------------------------------------------------------------- /tinyreset.css: -------------------------------------------------------------------------------- 1 | /*! tinyreset.css v0.1.0 | github.com/shankariyerr/tinyreset */ 2 | html, 3 | body, 4 | div, 5 | span, 6 | iframe, 7 | blockquote, 8 | pre, 9 | a, 10 | h1, 11 | h2, 12 | h3, 13 | h4, 14 | h5, 15 | h6, 16 | p, 17 | abbr, 18 | acronym, 19 | address, 20 | big, 21 | cite, 22 | code, 23 | del, 24 | dfn, 25 | em, 26 | img, 27 | ins, 28 | kbd, 29 | q, 30 | s, 31 | samp, 32 | small, 33 | strike, 34 | strong, 35 | sub, 36 | sup, 37 | tt, 38 | var, 39 | b, 40 | u, 41 | i, 42 | center, 43 | dl, 44 | dt, 45 | dd, 46 | ol, 47 | ul, 48 | li, 49 | fieldset, 50 | form, 51 | label, 52 | legend, 53 | table, 54 | caption, 55 | tbody, 56 | tfoot, 57 | thead, 58 | tr, 59 | th, 60 | td, 61 | article, 62 | aside, 63 | canvas, 64 | details, 65 | embed, 66 | figure, 67 | figcaption, 68 | footer, 69 | header, 70 | hgroup, 71 | menu, 72 | nav, 73 | output, 74 | section, 75 | summary, 76 | time, 77 | mark, 78 | audio, 79 | video { 80 | margin: 0; 81 | padding: 0; 82 | border: 0; 83 | font-size: 100%; 84 | font: inherit; 85 | vertical-align: baseline; } 86 | 87 | article, 88 | aside, 89 | details, 90 | figcaption, 91 | figure, 92 | footer, 93 | header, 94 | hgroup, 95 | menu, 96 | nav, 97 | section { 98 | display: block; } 99 | 100 | body { 101 | line-height: 1; } 102 | 103 | ol, 104 | ul { 105 | list-style: none; } 106 | 107 | blockquote, 108 | q { 109 | quotes: none; } 110 | blockquote::before, blockquote::after, 111 | q::before, 112 | q::after { 113 | content: ''; 114 | content: none; } 115 | 116 | table { 117 | border-collapse: collapse; 118 | border-spacing: 0; } 119 | -------------------------------------------------------------------------------- /tinyreset.min.css: -------------------------------------------------------------------------------- 1 | /*! tinyreset.css v0.1.0 | github.com/shankariyerr/tinyreset */a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} -------------------------------------------------------------------------------- /tinyreset.scss: -------------------------------------------------------------------------------- 1 | /*! tinyreset.css v0.1.0 | github.com/shankariyerr/tinyreset */ 2 | html, 3 | body, 4 | div, 5 | span, 6 | iframe, 7 | blockquote, 8 | pre, 9 | a, 10 | h1, 11 | h2, 12 | h3, 13 | h4, 14 | h5, 15 | h6, 16 | p, 17 | abbr, 18 | acronym, 19 | address, 20 | big, 21 | cite, 22 | code, 23 | del, 24 | dfn, 25 | em, 26 | img, 27 | ins, 28 | kbd, 29 | q, 30 | s, 31 | samp, 32 | small, 33 | strike, 34 | strong, 35 | sub, 36 | sup, 37 | tt, 38 | var, 39 | b, 40 | u, 41 | i, 42 | center, 43 | dl, 44 | dt, 45 | dd, 46 | ol, 47 | ul, 48 | li, 49 | fieldset, 50 | form, 51 | label, 52 | legend, 53 | table, 54 | caption, 55 | tbody, 56 | tfoot, 57 | thead, 58 | tr, 59 | th, 60 | td, 61 | article, 62 | aside, 63 | canvas, 64 | details, 65 | embed, 66 | figure, 67 | figcaption, 68 | footer, 69 | header, 70 | hgroup, 71 | menu, 72 | nav, 73 | output, 74 | section, 75 | summary, 76 | time, 77 | mark, 78 | audio, 79 | video { 80 | margin: 0; 81 | padding: 0; 82 | border: 0; 83 | font-size: 100%; 84 | font: inherit; 85 | vertical-align: baseline; 86 | } 87 | 88 | article, 89 | aside, 90 | details, 91 | figcaption, 92 | figure, 93 | footer, 94 | header, 95 | hgroup, 96 | menu, 97 | nav, 98 | section { 99 | display: block; 100 | } 101 | 102 | body { 103 | line-height: 1; 104 | } 105 | 106 | ol, 107 | ul { 108 | list-style: none; 109 | } 110 | 111 | blockquote, 112 | q { 113 | quotes: none; 114 | 115 | &::before, 116 | &::after { 117 | content: ''; 118 | content: none; 119 | } 120 | } 121 | table { 122 | border-collapse: collapse; 123 | border-spacing: 0; 124 | } 125 | --------------------------------------------------------------------------------