├── .gitignore ├── package.json └── compositor.json /.gitignore: -------------------------------------------------------------------------------- 1 | # List of files for git to ignore 2 | 3 | .DS_Store 4 | .AppleDouble 5 | .LSOverride 6 | 7 | # Icon must end with two \r 8 | Icon 9 | 10 | 11 | # Thumbnails 12 | ._* 13 | 14 | # Files that might appear on external disk 15 | .Spotlight-V100 16 | .Trashes 17 | 18 | # Directories potentially created on remote AFP share 19 | .AppleDB 20 | .AppleDesktop 21 | Network Trash Folder 22 | Temporary Items 23 | .apdisk 24 | 25 | # Vim 26 | Session.vim 27 | 28 | # Node 29 | node_modules/* 30 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "css-margin-pixels", 3 | "style": "css-margin-pixels.css", 4 | "version": "1.0.3", 5 | "homepage": "http://github.com/mrmrs/css-margin-pixels", 6 | "description": "Css module of single purpose classes for setting margins with pixel values", 7 | "keywords": [ 8 | "css", 9 | "oocss", 10 | "postcss", 11 | "margins" 12 | ], 13 | "css-margins": { 14 | "type": "git", 15 | "url": "http://github.com/mrmrs/css-margin-pixels.git" 16 | }, 17 | "bugs": { 18 | "url": "https://github.com/mrmrs/css-margin-pixels/issues", 19 | "email": "hi@mrmrs.cc" 20 | }, 21 | "author": { 22 | "name": "Adam Morse", 23 | "email": "hi@mrmrs.cc", 24 | "url": "http://mrmrs.cc" 25 | }, 26 | "contributors": [ 27 | { 28 | "name": "Adam Morse", 29 | "email": "hi@mrmrs.cc" 30 | } 31 | ], 32 | "license": "MIT", 33 | "devDependencies": { 34 | "tachyons-cli": "^1.3.0" 35 | }, 36 | "scripts": { 37 | "start": "tachyons src/css-margin-pixels.css > css/css-margin-pixels.css && tachyons src/css-margin-pixels.css --minify > css/css-margin-pixels.min.css && tachyons src/css-margin-pixels.css --generate-docs --package=../../package.json > readme.md" 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /compositor.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mrmrs/css-margin-pixels", 3 | "version": "0.1.3", 4 | "libraries": { 5 | "xv": "^1.0.27" 6 | }, 7 | "title": "CSS Margins in Pixels", 8 | "branch": "", 9 | "style": { 10 | "name": "Default", 11 | "fontFamily": "-apple-system, BlinkMacSystemFont, sans-serif", 12 | "fontWeight": 400, 13 | "bold": 600, 14 | "lineHeight": 1.5, 15 | "typeScale": [ 16 | 72, 17 | 48, 18 | 24, 19 | 20, 20 | 16, 21 | 14, 22 | 12 23 | ], 24 | "heading": { 25 | "fontFamily": null, 26 | "fontStyle": null, 27 | "fontWeight": 600, 28 | "lineHeight": 1.25, 29 | "textTransform": null, 30 | "letterSpacing": null, 31 | "h0": {}, 32 | "h1": {}, 33 | "h2": {}, 34 | "h3": {}, 35 | "h4": {}, 36 | "h5": {}, 37 | "h6": {} 38 | }, 39 | "alternativeText": {}, 40 | "space": [ 41 | 0, 42 | 8, 43 | 16, 44 | 32, 45 | 48, 46 | 64, 47 | 96 48 | ], 49 | "layout": { 50 | "maxWidth": 1024, 51 | "centered": false 52 | }, 53 | "colors": { 54 | "text": "#111", 55 | "background": "#fff", 56 | "inverted": "#fff", 57 | "primary": "#08e", 58 | "secondary": "#0e8", 59 | "highlight": "#e08", 60 | "border": "#ddd", 61 | "muted": "#eee" 62 | }, 63 | "border": { 64 | "width": 1, 65 | "radius": 2 66 | }, 67 | "link": {}, 68 | "button": { 69 | "hover": { 70 | "boxShadow": "inset 0 0 0 999px rgba(0, 0, 0, .125)" 71 | } 72 | }, 73 | "input": {}, 74 | "body": { 75 | "margin": 0 76 | } 77 | }, 78 | "content": [ 79 | { 80 | "component": "nav/AbsoluteNav", 81 | "links": [ 82 | { 83 | "href": "https://github.com/mrmrs/css-margin-pixels", 84 | "text": "GitHub" 85 | }, 86 | { 87 | "href": "https://npmjs.com/package/css-margin-pixels", 88 | "text": "npm" 89 | } 90 | ] 91 | }, 92 | { 93 | "component": "header/BannerHeader", 94 | "heading": "css-margin-pixels", 95 | "subhead": "Css module of single purpose classes for setting margins with pixel values", 96 | "links": [ 97 | { 98 | "text": "Tweet", 99 | "href": "https://twitter.com/intent/tweet?text=css-margin-pixels%253A%2520&url=" 100 | } 101 | ], 102 | "text": "v1.0.0" 103 | }, 104 | { 105 | "component": "footer/BasicFooter", 106 | "links": [ 107 | { 108 | "href": "https://github.com/mrmrs/css-margin-pixels", 109 | "text": "GitHub" 110 | }, 111 | { 112 | "href": "https://github.com/mrmrs", 113 | "text": "mrmrs" 114 | } 115 | ] 116 | } 117 | ] 118 | } --------------------------------------------------------------------------------