├── .gitignore ├── package.json ├── README.md ├── LICENSE ├── ragrid.min.css ├── ragrid.css ├── ragrid.styl ├── ragrid.scss └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | # Directory for instrumented libs generated by jscoverage/JSCover 12 | lib-cov 13 | 14 | # Coverage directory used by tools like istanbul 15 | coverage 16 | 17 | # nyc test coverage 18 | .nyc_output 19 | 20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 21 | .grunt 22 | 23 | # node-waf configuration 24 | .lock-wscript 25 | 26 | # Compiled binary addons (http://nodejs.org/api/addons.html) 27 | build/Release 28 | 29 | # Dependency directories 30 | node_modules 31 | jspm_packages 32 | 33 | # Optional npm cache directory 34 | .npm 35 | 36 | # Optional REPL history 37 | .node_repl_history 38 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ragrid", 3 | "version": "1.0.6", 4 | "description": "Intrinsic first flexbox grid", 5 | "main": "ragrid.min.css", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "ragrid": "stylus ragrid.styl -o ragrid.css", 9 | "crunch": "csso ragrid.css -o ragrid.min.css" 10 | }, 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/argyleink/ragrid.git" 14 | }, 15 | "keywords": [ 16 | "flexbox", 17 | "css", 18 | "stylus" 19 | ], 20 | "author": "Adam Argyle", 21 | "license": "ISC", 22 | "bugs": { 23 | "url": "https://github.com/argyleink/ragrid/issues" 24 | }, 25 | "homepage": "https://github.com/argyleink/ragrid#readme", 26 | "dependencies": { 27 | "csso": "^4.0.3", 28 | "csso-cli": "^3.0.0", 29 | "stylus": "^0.54.5" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [demo & docs](https://argyleink.github.io/ragrid/) 2 | 3 | 4 | ## Downloading 5 | ```shell 6 | npm i ragrid 7 | bower i ragrid 8 | ``` 9 | or cheat and let github host it by pointing to `https://rawgit.com/argyleink/ragrid/master/ragrid.min.css` 10 | 11 | 12 | ## Using 13 | ```javascript 14 | @import 'ragrid' // postCSS 15 | @import url('path_to/ragrid.min.css') // css 16 | @require 'path_to/ragrid' // stylus 17 | let ragrid = require('path_to/ragrid.styl') // ES6 18 | ``` 19 | 20 | 21 | ## Building 22 | Feel free to clone and build this project yourself: 23 | ```shell 24 | npm run ragrid # convert the stylus to css 25 | npm run crunch # minify css file 26 | ``` 27 | 28 | 29 | ## Contributing 30 | PR? =) 31 | 32 | ## Release History 33 | * 2017-4-23 v1.0.5 Shortened columns syntax 34 | * 2017-4-15 v1.0.4 Added vertical masonry 35 | * 2017-4-11 v1.0.3 SCSS support, better docs 36 | * 2017-4-09 v1.0.0 Make it easy to use 37 | 38 | ## License 39 | Copyright (c) 2017 Adam Argyle. Licensed under the MIT license. 40 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Adam Argyle 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 | -------------------------------------------------------------------------------- /ragrid.min.css: -------------------------------------------------------------------------------- 1 | [grid]{display:flex;flex-wrap:wrap;contain:layout}[grid][order~=reverse]{flex-direction:row-reverse}[grid][horizontally-aligned~=left]{justify-content:flex-start}[grid][horizontally-aligned~=center]{justify-content:center}[grid][horizontally-aligned~=right]{justify-content:flex-end}[grid][vertically-aligned~=top],[grid~=rows]{align-items:flex-start}[grid][vertically-aligned~=center]{align-items:center}[grid][vertically-aligned~=bottom]{align-items:flex-end}[grid][vertically-aligned~=baseline]{align-items:baseline}[grid][horizontally-distributed~=around]{justify-content:space-around}[grid][horizontally-distributed~=between]{justify-content:space-between}[grid][horizontally-distributed~=equal]>*{flex-grow:1}[grid][vertically-distributed~=around]{align-content:space-around}[grid][vertically-distributed~=between]{align-content:space-between}[grid][vertically-distributed~=equal]{align-items:stretch}[grid][columns~="2"]>*{flex-basis:50%}[grid][columns~="3"]>*{flex-basis:33.333333333333336%}[grid][columns~="4"]>*{flex-basis:25%}[grid][columns~="5"]>*{flex-basis:20%}[grid][columns~="6"]>*{flex-basis:16.666666666666668%}[grid][columns~="7"]>*{flex-basis:14.285714285714286%}[grid][columns~="8"]>*{flex-basis:12.5%}[grid][columns~="9"]>*{flex-basis:11.11111111111111%}[grid][columns~="10"]>*{flex-basis:10%}[grid][columns~="11"]>*{flex-basis:9.090909090909092%}[grid][columns~="12"]>*{flex-basis:8.333333333333334%}[grid~=columns][vertically-distributed~=equal]{align-items:stretch}[grid~=columns][vertically-distributed~=equal]>*{height:auto}[grid~=rows]{flex-direction:column}[grid~=rows][order~=reverse]{flex-direction:column-reverse}[grid~=rows][horizontally-aligned~=center]{align-items:center}[grid~=rows][horizontally-aligned~=right]{align-items:flex-end}[grid~=rows][vertically-distributed~=around]{justify-content:space-around}[grid~=rows][vertically-distributed~=between]{justify-content:space-between}[grid~=rows][vertically-distributed~=equal]>*{width:initial}[grid~=masonry]{flex-flow:column wrap;height:20rem} -------------------------------------------------------------------------------- /ragrid.css: -------------------------------------------------------------------------------- 1 | [grid] { 2 | display: flex; 3 | flex-wrap: wrap; 4 | contain: layout; 5 | } 6 | [grid][order~="reverse"] { 7 | flex-direction: row-reverse; 8 | } 9 | [grid][horizontally-aligned~="left"] { 10 | justify-content: flex-start; 11 | } 12 | [grid][horizontally-aligned~="center"] { 13 | justify-content: center; 14 | } 15 | [grid][horizontally-aligned~="right"] { 16 | justify-content: flex-end; 17 | } 18 | [grid][vertically-aligned~="top"] { 19 | align-items: flex-start; 20 | } 21 | [grid][vertically-aligned~="center"] { 22 | align-items: center; 23 | } 24 | [grid][vertically-aligned~="bottom"] { 25 | align-items: flex-end; 26 | } 27 | [grid][vertically-aligned~="baseline"] { 28 | align-items: baseline; 29 | } 30 | [grid][horizontally-distributed~="around"] { 31 | justify-content: space-around; 32 | } 33 | [grid][horizontally-distributed~="between"] { 34 | justify-content: space-between; 35 | } 36 | [grid][horizontally-distributed~="equal"] > * { 37 | flex-grow: 1; 38 | } 39 | [grid][vertically-distributed~="around"] { 40 | align-content: space-around; 41 | } 42 | [grid][vertically-distributed~="between"] { 43 | align-content: space-between; 44 | } 45 | [grid][vertically-distributed~="equal"] { 46 | align-items: stretch; 47 | } 48 | [grid][columns~="2"] > * { 49 | flex-basis: 50%; 50 | } 51 | [grid][columns~="3"] > * { 52 | flex-basis: 33.333333333333336%; 53 | } 54 | [grid][columns~="4"] > * { 55 | flex-basis: 25%; 56 | } 57 | [grid][columns~="5"] > * { 58 | flex-basis: 20%; 59 | } 60 | [grid][columns~="6"] > * { 61 | flex-basis: 16.666666666666668%; 62 | } 63 | [grid][columns~="7"] > * { 64 | flex-basis: 14.285714285714286%; 65 | } 66 | [grid][columns~="8"] > * { 67 | flex-basis: 12.5%; 68 | } 69 | [grid][columns~="9"] > * { 70 | flex-basis: 11.11111111111111%; 71 | } 72 | [grid][columns~="10"] > * { 73 | flex-basis: 10%; 74 | } 75 | [grid][columns~="11"] > * { 76 | flex-basis: 9.090909090909092%; 77 | } 78 | [grid][columns~="12"] > * { 79 | flex-basis: 8.333333333333334%; 80 | } 81 | [grid~="columns"][vertically-distributed~="equal"] { 82 | align-items: stretch; 83 | } 84 | [grid~="columns"][vertically-distributed~="equal"] > * { 85 | height: auto; 86 | } 87 | [grid~="rows"] { 88 | flex-direction: column; 89 | align-items: flex-start; 90 | } 91 | [grid~="rows"][order~="reverse"] { 92 | flex-direction: column-reverse; 93 | } 94 | [grid~="rows"][horizontally-aligned~="center"] { 95 | align-items: center; 96 | } 97 | [grid~="rows"][horizontally-aligned~="right"] { 98 | align-items: flex-end; 99 | } 100 | [grid~="rows"][vertically-distributed~="around"] { 101 | justify-content: space-around; 102 | } 103 | [grid~="rows"][vertically-distributed~="between"] { 104 | justify-content: space-between; 105 | } 106 | [grid~="rows"][vertically-distributed~="equal"] > * { 107 | width: initial; 108 | } 109 | [grid~="masonry"] { 110 | flex-flow: column wrap; 111 | height: 20rem; 112 | } 113 | -------------------------------------------------------------------------------- /ragrid.styl: -------------------------------------------------------------------------------- 1 | // shared styles for columns and rows 2 | // yes it's a general namespace, how many othe grids are you importing? 3 | // it reads so nice in the HTML and CSS right? =) 4 | [grid] 5 | display flex 6 | flex-wrap wrap 7 | 8 | // https://developer.mozilla.org/en-US/docs/Web/CSS/contain 9 | contain layout 10 | 11 | &[order~="reverse"] 12 | flex-direction row-reverse 13 | 14 | /* 15 | ALIGN 16 | - Horizontal: Left, Center, Right 17 | - Vertical: Top, Center, Bottom 18 | */ 19 | &[horizontally-aligned~="left"] 20 | justify-content flex-start 21 | &[horizontally-aligned~="center"] 22 | justify-content center 23 | &[horizontally-aligned~="right"] 24 | justify-content flex-end 25 | &[vertically-aligned~="top"] 26 | align-items flex-start 27 | &[vertically-aligned~="center"] 28 | align-items center 29 | &[vertically-aligned~="bottom"] 30 | align-items flex-end 31 | &[vertically-aligned~="baseline"] 32 | align-items baseline 33 | 34 | /* 35 | DISTRIBUTE 36 | - Horizontal: Left, Center, Right 37 | - Vertical: Top, Center, Bottom 38 | */ 39 | &[horizontally-distributed~="around"] 40 | justify-content space-around 41 | &[horizontally-distributed~="between"] 42 | justify-content space-between 43 | &[horizontally-distributed~="equal"] 44 | > * 45 | flex-grow 1 46 | &[vertically-distributed~="around"] 47 | align-content space-around 48 | &[vertically-distributed~="between"] 49 | align-content space-between 50 | &[vertically-distributed~="equal"] 51 | align-items stretch 52 | 53 | /* 54 | SIZE 55 | - Instead of col-xs-12 or whatever 56 | - Specify size on the parent 57 | */ 58 | &[columns~="2"] > * 59 | flex-basis (100% / 2) 60 | &[columns~="3"] > * 61 | flex-basis (100% / 3) 62 | &[columns~="4"] > * 63 | flex-basis (100% / 4) 64 | &[columns~="5"] > * 65 | flex-basis (100% / 5) 66 | &[columns~="6"] > * 67 | flex-basis (100% / 6) 68 | &[columns~="7"] > * 69 | flex-basis (100% / 7) 70 | &[columns~="8"] > * 71 | flex-basis (100% / 8) 72 | &[columns~="9"] > * 73 | flex-basis (100% / 9) 74 | &[columns~="10"] > * 75 | flex-basis (100% / 10) 76 | &[columns~="11"] > * 77 | flex-basis (100% / 11) 78 | &[columns~="12"] > * 79 | flex-basis (100% / 12) 80 | 81 | // column specific 82 | [grid~="columns"] 83 | &[vertically-distributed~="equal"] 84 | align-items stretch 85 | > * 86 | height auto 87 | 88 | // row specific 89 | [grid~="rows"] 90 | flex-direction column 91 | align-items flex-start 92 | 93 | &[order~="reverse"] 94 | flex-direction column-reverse 95 | &[horizontally-aligned~="center"] 96 | align-items center 97 | &[horizontally-aligned~="right"] 98 | align-items flex-end 99 | 100 | &[vertically-distributed~="around"] 101 | justify-content space-around 102 | &[vertically-distributed~="between"] 103 | justify-content space-between 104 | &[vertically-distributed~="equal"] 105 | > * 106 | width initial 107 | 108 | [grid~="masonry"] 109 | flex-flow column wrap 110 | height 20rem 111 | -------------------------------------------------------------------------------- /ragrid.scss: -------------------------------------------------------------------------------- 1 | // shared styles for columns and rows 2 | // yes it's a general namespace, how many othe grids are you importing? 3 | // it reads so nice in the HTML and CSS right? =) 4 | [grid] { 5 | display: flex; 6 | flex-wrap: wrap; 7 | 8 | // https://developer.mozilla.org/en-US/docs/Web/CSS/contain 9 | contain: layout; 10 | 11 | &[order~="reverse"] { 12 | flex-direction: row-reverse; 13 | } 14 | 15 | /* 16 | ALIGN 17 | - Horizontal: Left, Center, Right 18 | - Vertical: Top, Center, Bottom 19 | */ 20 | &[horizontally-aligned~="left"] { 21 | justify-content: flex-start; 22 | } 23 | &[horizontally-aligned~="center"] { 24 | justify-content: center; 25 | } 26 | &[horizontally-aligned~="right"] { 27 | justify-content: flex-end; 28 | } 29 | &[vertically-aligned~="top"] { 30 | align-items: flex-start; 31 | } 32 | &[vertically-aligned~="center"] { 33 | align-items: center; 34 | } 35 | &[vertically-aligned~="bottom"] { 36 | align-items: flex-end; 37 | } 38 | &[vertically-aligned~="baseline"] { 39 | align-items: baseline; 40 | } 41 | 42 | /* 43 | DISTRIBUTE 44 | - Horizontal: Left, Center, Right 45 | - Vertical: Top, Center, Bottom 46 | */ 47 | &[horizontally-distributed~="around"] { 48 | justify-content: space-around; 49 | } 50 | &[horizontally-distributed~="between"] { 51 | justify-content: space-between; 52 | } 53 | &[horizontally-distributed~="equal"] { 54 | > * { 55 | flex-grow: 1; 56 | } 57 | } 58 | &[vertically-distributed~="around"] { 59 | align-content: space-around; 60 | } 61 | &[vertically-distributed~="between"] { 62 | align-content: space-between; 63 | } 64 | &[vertically-distributed~="equal"] { 65 | align-items: stretch; 66 | } 67 | 68 | /* 69 | SIZE 70 | - Instead of col-xs-12 or whatever 71 | - Specify size on the parent 72 | */ 73 | &[columns~="2"] > * { 74 | flex-basis: (100% / 2); 75 | } 76 | &[columns~="3"] > * { 77 | flex-basis: (100% / 3); 78 | } 79 | &[columns~="4"] > * { 80 | flex-basis: (100% / 4); 81 | } 82 | &[columns~="5"] > * { 83 | flex-basis: (100% / 5); 84 | } 85 | &[columns~="6"] > * { 86 | flex-basis: (100% / 6); 87 | } 88 | &[columns~="7"] > * { 89 | flex-basis: (100% / 7); 90 | } 91 | &[columns~="8"] > * { 92 | flex-basis: (100% / 8); 93 | } 94 | &[columns~="9"] > * { 95 | flex-basis: (100% / 9); 96 | } 97 | &[columns~="10"] > * { 98 | flex-basis: (100% / 10); 99 | } 100 | &[columns~="11"] > * { 101 | flex-basis: (100% / 11); 102 | } 103 | &[columns~="12"] > * { 104 | flex-basis: (100% / 12); 105 | } 106 | } 107 | 108 | // column specific 109 | [grid~="columns"] { 110 | &[vertically-distributed~="equal"] { 111 | align-items: stretch; 112 | > * { 113 | height: auto; 114 | } 115 | } 116 | } 117 | 118 | // row specific 119 | [grid~="rows"] { 120 | flex-direction: column; 121 | align-items: flex-start; 122 | 123 | &[order~="reverse"] { 124 | flex-direction: column-reverse; 125 | } 126 | &[horizontally-aligned~="center"] { 127 | align-items: center; 128 | } 129 | &[horizontally-aligned~="right"] { 130 | align-items: flex-end; 131 | } 132 | 133 | &[vertically-distributed~="around"] { 134 | justify-content: space-around; 135 | } 136 | &[vertically-distributed~="between"] { 137 | justify-content: space-between; 138 | } 139 | &[vertically-distributed~="equal"] { 140 | > * { 141 | width: initial; 142 | } 143 | } 144 | } 145 | 146 | [grid~="masonry"] { 147 | flex-flow: column wrap; 148 | height: 20rem; 149 | } -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | amdefine@>=0.0.4: 6 | version "1.0.1" 7 | resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5" 8 | 9 | ansi-regex@^2.0.0: 10 | version "2.1.1" 11 | resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" 12 | 13 | ansi-styles@^2.2.1: 14 | version "2.2.1" 15 | resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" 16 | 17 | balanced-match@^0.4.1: 18 | version "0.4.2" 19 | resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838" 20 | 21 | brace-expansion@^1.0.0: 22 | version "1.1.7" 23 | resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.7.tgz#3effc3c50e000531fb720eaff80f0ae8ef23cf59" 24 | dependencies: 25 | balanced-match "^0.4.1" 26 | concat-map "0.0.1" 27 | 28 | chalk@^1.1.3: 29 | version "1.1.3" 30 | resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" 31 | dependencies: 32 | ansi-styles "^2.2.1" 33 | escape-string-regexp "^1.0.2" 34 | has-ansi "^2.0.0" 35 | strip-ansi "^3.0.0" 36 | supports-color "^2.0.0" 37 | 38 | clap@^1.0.9: 39 | version "1.1.3" 40 | resolved "https://registry.yarnpkg.com/clap/-/clap-1.1.3.tgz#b3bd36e93dd4cbfb395a3c26896352445265c05b" 41 | dependencies: 42 | chalk "^1.1.3" 43 | 44 | concat-map@0.0.1: 45 | version "0.0.1" 46 | resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" 47 | 48 | css-parse@1.7.x: 49 | version "1.7.0" 50 | resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b" 51 | 52 | css-tree@1.0.0-alpha17: 53 | version "1.0.0-alpha17" 54 | resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha17.tgz#7ab95ab72c533917af8be54313fec81841c5223a" 55 | dependencies: 56 | source-map "^0.5.3" 57 | 58 | csso-cli@^1.0.0: 59 | version "1.0.0" 60 | resolved "https://registry.yarnpkg.com/csso-cli/-/csso-cli-1.0.0.tgz#51f503b8655536753ee2827869b4d1a685b6f7ba" 61 | dependencies: 62 | clap "^1.0.9" 63 | csso "^3.0.0" 64 | source-map "^0.5.3" 65 | 66 | csso@^3.0.0, csso@^3.0.1: 67 | version "3.0.1" 68 | resolved "https://registry.yarnpkg.com/csso/-/csso-3.0.1.tgz#1469af5ee2ec509addadd8777aa0e45acb6b2f58" 69 | dependencies: 70 | css-tree "1.0.0-alpha17" 71 | 72 | debug@*: 73 | version "2.6.3" 74 | resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.3.tgz#0f7eb8c30965ec08c72accfa0130c8b79984141d" 75 | dependencies: 76 | ms "0.7.2" 77 | 78 | escape-string-regexp@^1.0.2: 79 | version "1.0.5" 80 | resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" 81 | 82 | fs.realpath@^1.0.0: 83 | version "1.0.0" 84 | resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" 85 | 86 | glob@7.0.x: 87 | version "7.0.6" 88 | resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a" 89 | dependencies: 90 | fs.realpath "^1.0.0" 91 | inflight "^1.0.4" 92 | inherits "2" 93 | minimatch "^3.0.2" 94 | once "^1.3.0" 95 | path-is-absolute "^1.0.0" 96 | 97 | has-ansi@^2.0.0: 98 | version "2.0.0" 99 | resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91" 100 | dependencies: 101 | ansi-regex "^2.0.0" 102 | 103 | inflight@^1.0.4: 104 | version "1.0.6" 105 | resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" 106 | dependencies: 107 | once "^1.3.0" 108 | wrappy "1" 109 | 110 | inherits@2: 111 | version "2.0.3" 112 | resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" 113 | 114 | minimatch@^3.0.2: 115 | version "3.0.3" 116 | resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774" 117 | dependencies: 118 | brace-expansion "^1.0.0" 119 | 120 | minimist@0.0.8: 121 | version "0.0.8" 122 | resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" 123 | 124 | mkdirp@0.5.x: 125 | version "0.5.1" 126 | resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" 127 | dependencies: 128 | minimist "0.0.8" 129 | 130 | ms@0.7.2: 131 | version "0.7.2" 132 | resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765" 133 | 134 | once@^1.3.0: 135 | version "1.4.0" 136 | resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" 137 | dependencies: 138 | wrappy "1" 139 | 140 | path-is-absolute@^1.0.0: 141 | version "1.0.1" 142 | resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" 143 | 144 | sax@0.5.x: 145 | version "0.5.8" 146 | resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1" 147 | 148 | source-map@0.1.x: 149 | version "0.1.43" 150 | resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346" 151 | dependencies: 152 | amdefine ">=0.0.4" 153 | 154 | source-map@^0.5.3: 155 | version "0.5.6" 156 | resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412" 157 | 158 | strip-ansi@^3.0.0: 159 | version "3.0.1" 160 | resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" 161 | dependencies: 162 | ansi-regex "^2.0.0" 163 | 164 | stylus@^0.54.5: 165 | version "0.54.5" 166 | resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.5.tgz#42b9560931ca7090ce8515a798ba9e6aa3d6dc79" 167 | dependencies: 168 | css-parse "1.7.x" 169 | debug "*" 170 | glob "7.0.x" 171 | mkdirp "0.5.x" 172 | sax "0.5.x" 173 | source-map "0.1.x" 174 | 175 | supports-color@^2.0.0: 176 | version "2.0.0" 177 | resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" 178 | 179 | wrappy@1: 180 | version "1.0.2" 181 | resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" 182 | --------------------------------------------------------------------------------