├── .gitignore ├── README.md ├── index.js ├── package-lock.json └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | 3 | node_modules 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Install 2 | 3 | ``` 4 | npm install tailwindcss-grid-placement 5 | ``` 6 | 7 | Add the plugin to your tailwind config file 8 | 9 | ```javascript 10 | module.exports = { 11 | plugins: [require("tailwindcss-grid-placement")] 12 | }; 13 | ``` 14 | 15 | # Usage 16 | 17 | Utility classes start with "content", "items" or "self" followed by the direction "x" or "y". 18 | These are all the generated CSS classes: 19 | 20 | ``` 21 | .items-x-start justify-items: start; 22 | .items-x-end justify-items: end; 23 | .items-x-left justify-items: left; 24 | .items-x-right justify-items: right; 25 | .items-x-center justify-items: center; 26 | .items-x-stretch justify-items: stretch; 27 | .items-y-start align-items: start; 28 | .items-y-end align-items: end; 29 | .items-y-center align-items: center; 30 | .items-y-baseline align-items: baseline; 31 | .items-y-stretch align-items: stretch; 32 | .content-x-start justify-content: start; 33 | .content-x-end justify-content: end; 34 | .content-x-left justify-content: left; 35 | .content-x-right justify-content: right; 36 | .content-x-center justify-content: center; 37 | .content-x-stretch justify-content: stretch; 38 | .content-x-around justify-content: space-around; 39 | .content-x-evenly justify-content: space-evenly; 40 | .content-x-between justify-content: space-between; 41 | .content-y-start align-content: start; 42 | .content-y-end align-content: end; 43 | .content-y-center align-content: center; 44 | .content-y-stretch align-content: stretch; 45 | .content-y-baseline align-content: baseline; 46 | .content-y-around align-content: space-around; 47 | .content-y-evenly align-content: space-evenly; 48 | .content-y-between align-content: space-between; 49 | .self-x-start justify-self: start; 50 | .self-x-end justify-self: end; 51 | .self-x-left justify-self: left; 52 | .self-x-right justify-self: right; 53 | .self-x-center justify-self: center; 54 | .self-x-stretch justify-self: stretch; 55 | .self-y-start align-self: start; 56 | .self-y-end align-self: end; 57 | .self-y-center align-self: center; 58 | .self-y-baseline align-self: baseline; 59 | .self-y-stretch align-self: stretch; 60 | ``` 61 | 62 | Use these generated classes in your html and enjoy tailwind grid placement 🥳 63 | 64 | ```html 65 |
66 | 1 67 | 2 68 | 3 69 | 4 70 |
71 | ``` 72 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | let plugin = require("tailwindcss/plugin"); 2 | 3 | let defaults = { 4 | variants: { 5 | gridPlacement: ["responsive"] 6 | } 7 | }; 8 | 9 | function gridPlacementPlugin({ addUtilities }) { 10 | let contentX = { 11 | start: "start", 12 | end: "end", 13 | left: "left", 14 | right: "right", 15 | center: "center", 16 | stretch: "stretch", 17 | around: "space-around", 18 | evenly: "space-evenly", 19 | between: "space-between" 20 | }; 21 | 22 | let contentY = { 23 | start: "start", 24 | end: "end", 25 | center: "center", 26 | stretch: "stretch", 27 | baseline: "baseline", 28 | around: "space-around", 29 | evenly: "space-evenly", 30 | between: "space-between" 31 | }; 32 | 33 | let itemsX = { 34 | start: "start", 35 | end: "end", 36 | left: "left", 37 | right: "right", 38 | center: "center", 39 | stretch: "stretch" 40 | }; 41 | 42 | let itemsY = { 43 | start: "start", 44 | end: "end", 45 | center: "center", 46 | baseline: "baseline", 47 | stretch: "stretch" 48 | }; 49 | 50 | let selfX = { 51 | start: "start", 52 | end: "end", 53 | left: "left", 54 | right: "right", 55 | center: "center", 56 | stretch: "stretch" 57 | }; 58 | 59 | let selfY = { 60 | start: "start", 61 | end: "end", 62 | center: "center", 63 | baseline: "baseline", 64 | stretch: "stretch" 65 | }; 66 | 67 | let contentXutilities = {}; 68 | for (let [utility, value] of Object.entries(contentX)) { 69 | contentXutilities[`.content-x-${utility}`] = { 70 | justifyContent: value 71 | }; 72 | } 73 | 74 | let contentYutilities = {}; 75 | for (let [utility, value] of Object.entries(contentY)) { 76 | contentYutilities[`.content-y-${utility}`] = { 77 | alignContent: value 78 | }; 79 | } 80 | 81 | let itemsXutilities = {}; 82 | for (let [utility, value] of Object.entries(itemsX)) { 83 | itemsXutilities[`.items-x-${utility}`] = { 84 | justifyItems: value 85 | }; 86 | } 87 | 88 | let itemsYutilities = {}; 89 | for (let [utility, value] of Object.entries(itemsY)) { 90 | itemsYutilities[`.items-y-${utility}`] = { 91 | alignItems: value 92 | }; 93 | } 94 | 95 | let selfXutilities = {}; 96 | for (let [utility, value] of Object.entries(selfX)) { 97 | selfXutilities[`.self-x-${utility}`] = { 98 | justifySelf: value 99 | }; 100 | } 101 | 102 | let selfYutilities = {}; 103 | for (let [utility, value] of Object.entries(selfY)) { 104 | selfYutilities[`.self-y-${utility}`] = { 105 | alignSelf: value 106 | }; 107 | } 108 | 109 | addUtilities(selfXutilities, { variants: ["responsive"] }); 110 | addUtilities(selfYutilities, { variants: ["responsive"] }); 111 | addUtilities(itemsXutilities, { variants: ["responsive"] }); 112 | addUtilities(itemsYutilities, { variants: ["responsive"] }); 113 | addUtilities(contentXutilities, { variants: ["responsive"] }); 114 | addUtilities(contentYutilities, { variants: ["responsive"] }); 115 | } 116 | 117 | module.exports = plugin(gridPlacementPlugin); 118 | -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss-grid-placement", 3 | "version": "0.0.1", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "@types/color-name": { 8 | "version": "1.1.1", 9 | "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", 10 | "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==" 11 | }, 12 | "acorn": { 13 | "version": "7.1.1", 14 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz", 15 | "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==" 16 | }, 17 | "acorn-node": { 18 | "version": "1.8.2", 19 | "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", 20 | "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", 21 | "requires": { 22 | "acorn": "^7.0.0", 23 | "acorn-walk": "^7.0.0", 24 | "xtend": "^4.0.2" 25 | } 26 | }, 27 | "acorn-walk": { 28 | "version": "7.1.1", 29 | "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz", 30 | "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==" 31 | }, 32 | "ansi-styles": { 33 | "version": "3.2.1", 34 | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", 35 | "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", 36 | "requires": { 37 | "color-convert": "^1.9.0" 38 | } 39 | }, 40 | "autoprefixer": { 41 | "version": "9.7.4", 42 | "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.4.tgz", 43 | "integrity": "sha512-g0Ya30YrMBAEZk60lp+qfX5YQllG+S5W3GYCFvyHTvhOki0AEQJLPEcIuGRsqVwLi8FvXPVtwTGhfr38hVpm0g==", 44 | "requires": { 45 | "browserslist": "^4.8.3", 46 | "caniuse-lite": "^1.0.30001020", 47 | "chalk": "^2.4.2", 48 | "normalize-range": "^0.1.2", 49 | "num2fraction": "^1.2.2", 50 | "postcss": "^7.0.26", 51 | "postcss-value-parser": "^4.0.2" 52 | }, 53 | "dependencies": { 54 | "chalk": { 55 | "version": "2.4.2", 56 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", 57 | "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", 58 | "requires": { 59 | "ansi-styles": "^3.2.1", 60 | "escape-string-regexp": "^1.0.5", 61 | "supports-color": "^5.3.0" 62 | } 63 | } 64 | } 65 | }, 66 | "balanced-match": { 67 | "version": "1.0.0", 68 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", 69 | "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" 70 | }, 71 | "brace-expansion": { 72 | "version": "1.1.11", 73 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", 74 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", 75 | "requires": { 76 | "balanced-match": "^1.0.0", 77 | "concat-map": "0.0.1" 78 | } 79 | }, 80 | "browserslist": { 81 | "version": "4.9.1", 82 | "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.9.1.tgz", 83 | "integrity": "sha512-Q0DnKq20End3raFulq6Vfp1ecB9fh8yUNV55s8sekaDDeqBaCtWlRHCUdaWyUeSSBJM7IbM6HcsyaeYqgeDhnw==", 84 | "requires": { 85 | "caniuse-lite": "^1.0.30001030", 86 | "electron-to-chromium": "^1.3.363", 87 | "node-releases": "^1.1.50" 88 | } 89 | }, 90 | "bytes": { 91 | "version": "3.1.0", 92 | "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", 93 | "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==" 94 | }, 95 | "camelcase-css": { 96 | "version": "2.0.1", 97 | "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", 98 | "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==" 99 | }, 100 | "caniuse-lite": { 101 | "version": "1.0.30001033", 102 | "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001033.tgz", 103 | "integrity": "sha512-8Ibzxee6ibc5q88cM1usPsMpJOG5CTq0s/dKOmlekPbDGKt+UrnOOTPSjQz3kVo6yL7N4SB5xd+FGLHQmbzh6A==" 104 | }, 105 | "chalk": { 106 | "version": "3.0.0", 107 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", 108 | "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", 109 | "requires": { 110 | "ansi-styles": "^4.1.0", 111 | "supports-color": "^7.1.0" 112 | }, 113 | "dependencies": { 114 | "ansi-styles": { 115 | "version": "4.2.1", 116 | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", 117 | "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", 118 | "requires": { 119 | "@types/color-name": "^1.1.1", 120 | "color-convert": "^2.0.1" 121 | } 122 | }, 123 | "color-convert": { 124 | "version": "2.0.1", 125 | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", 126 | "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", 127 | "requires": { 128 | "color-name": "~1.1.4" 129 | } 130 | }, 131 | "color-name": { 132 | "version": "1.1.4", 133 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", 134 | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" 135 | }, 136 | "has-flag": { 137 | "version": "4.0.0", 138 | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", 139 | "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" 140 | }, 141 | "supports-color": { 142 | "version": "7.1.0", 143 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", 144 | "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", 145 | "requires": { 146 | "has-flag": "^4.0.0" 147 | } 148 | } 149 | } 150 | }, 151 | "color-convert": { 152 | "version": "1.9.3", 153 | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", 154 | "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", 155 | "requires": { 156 | "color-name": "1.1.3" 157 | } 158 | }, 159 | "color-name": { 160 | "version": "1.1.3", 161 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", 162 | "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" 163 | }, 164 | "concat-map": { 165 | "version": "0.0.1", 166 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", 167 | "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" 168 | }, 169 | "css-unit-converter": { 170 | "version": "1.1.1", 171 | "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.1.tgz", 172 | "integrity": "sha1-2bkoGtz9jO2TW9urqDeGiX9k6ZY=" 173 | }, 174 | "cssesc": { 175 | "version": "3.0.0", 176 | "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", 177 | "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==" 178 | }, 179 | "defined": { 180 | "version": "1.0.0", 181 | "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", 182 | "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=" 183 | }, 184 | "detective": { 185 | "version": "5.2.0", 186 | "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz", 187 | "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==", 188 | "requires": { 189 | "acorn-node": "^1.6.1", 190 | "defined": "^1.0.0", 191 | "minimist": "^1.1.1" 192 | } 193 | }, 194 | "electron-to-chromium": { 195 | "version": "1.3.375", 196 | "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.375.tgz", 197 | "integrity": "sha512-zmaFnYVBtfpF8bGRYxgPeVAlXB7N3On8rjBE2ROc6wOpTPpzRWaiHo6KkbJMvlH07CH33uks/TEb6kuMMn8q6A==" 198 | }, 199 | "escape-string-regexp": { 200 | "version": "1.0.5", 201 | "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", 202 | "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" 203 | }, 204 | "fs-extra": { 205 | "version": "8.1.0", 206 | "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", 207 | "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", 208 | "requires": { 209 | "graceful-fs": "^4.2.0", 210 | "jsonfile": "^4.0.0", 211 | "universalify": "^0.1.0" 212 | } 213 | }, 214 | "fs.realpath": { 215 | "version": "1.0.0", 216 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", 217 | "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" 218 | }, 219 | "glob": { 220 | "version": "7.1.6", 221 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", 222 | "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", 223 | "requires": { 224 | "fs.realpath": "^1.0.0", 225 | "inflight": "^1.0.4", 226 | "inherits": "2", 227 | "minimatch": "^3.0.4", 228 | "once": "^1.3.0", 229 | "path-is-absolute": "^1.0.0" 230 | } 231 | }, 232 | "graceful-fs": { 233 | "version": "4.2.3", 234 | "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz", 235 | "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==" 236 | }, 237 | "has-flag": { 238 | "version": "3.0.0", 239 | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", 240 | "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" 241 | }, 242 | "indexes-of": { 243 | "version": "1.0.1", 244 | "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", 245 | "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" 246 | }, 247 | "inflight": { 248 | "version": "1.0.6", 249 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", 250 | "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", 251 | "requires": { 252 | "once": "^1.3.0", 253 | "wrappy": "1" 254 | } 255 | }, 256 | "inherits": { 257 | "version": "2.0.4", 258 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", 259 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" 260 | }, 261 | "jsonfile": { 262 | "version": "4.0.0", 263 | "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", 264 | "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", 265 | "requires": { 266 | "graceful-fs": "^4.1.6" 267 | } 268 | }, 269 | "lodash": { 270 | "version": "4.17.15", 271 | "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", 272 | "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==" 273 | }, 274 | "lodash.toarray": { 275 | "version": "4.4.0", 276 | "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz", 277 | "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=" 278 | }, 279 | "minimatch": { 280 | "version": "3.0.4", 281 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", 282 | "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", 283 | "requires": { 284 | "brace-expansion": "^1.1.7" 285 | } 286 | }, 287 | "minimist": { 288 | "version": "1.2.3", 289 | "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.3.tgz", 290 | "integrity": "sha512-+bMdgqjMN/Z77a6NlY/I3U5LlRDbnmaAk6lDveAPKwSpcPM4tKAuYsvYF8xjhOPXhOYGe/73vVLVez5PW+jqhw==" 291 | }, 292 | "node-emoji": { 293 | "version": "1.10.0", 294 | "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz", 295 | "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==", 296 | "requires": { 297 | "lodash.toarray": "^4.4.0" 298 | } 299 | }, 300 | "node-releases": { 301 | "version": "1.1.51", 302 | "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.51.tgz", 303 | "integrity": "sha512-1eQEs6HFYY1kMXQPOLzCf7HdjReErmvn85tZESMczdCNVWP3Y7URYLBAyYynuI7yef1zj4HN5q+oB2x67QU0lw==", 304 | "requires": { 305 | "semver": "^6.3.0" 306 | } 307 | }, 308 | "normalize-range": { 309 | "version": "0.1.2", 310 | "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", 311 | "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=" 312 | }, 313 | "normalize.css": { 314 | "version": "8.0.1", 315 | "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz", 316 | "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==" 317 | }, 318 | "num2fraction": { 319 | "version": "1.2.2", 320 | "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", 321 | "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=" 322 | }, 323 | "object-assign": { 324 | "version": "4.1.1", 325 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 326 | "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" 327 | }, 328 | "once": { 329 | "version": "1.4.0", 330 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", 331 | "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", 332 | "requires": { 333 | "wrappy": "1" 334 | } 335 | }, 336 | "path-is-absolute": { 337 | "version": "1.0.1", 338 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", 339 | "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" 340 | }, 341 | "path-parse": { 342 | "version": "1.0.6", 343 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", 344 | "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" 345 | }, 346 | "postcss": { 347 | "version": "7.0.27", 348 | "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.27.tgz", 349 | "integrity": "sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==", 350 | "requires": { 351 | "chalk": "^2.4.2", 352 | "source-map": "^0.6.1", 353 | "supports-color": "^6.1.0" 354 | }, 355 | "dependencies": { 356 | "chalk": { 357 | "version": "2.4.2", 358 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", 359 | "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", 360 | "requires": { 361 | "ansi-styles": "^3.2.1", 362 | "escape-string-regexp": "^1.0.5", 363 | "supports-color": "^5.3.0" 364 | }, 365 | "dependencies": { 366 | "supports-color": { 367 | "version": "5.5.0", 368 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", 369 | "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", 370 | "requires": { 371 | "has-flag": "^3.0.0" 372 | } 373 | } 374 | } 375 | }, 376 | "supports-color": { 377 | "version": "6.1.0", 378 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", 379 | "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", 380 | "requires": { 381 | "has-flag": "^3.0.0" 382 | } 383 | } 384 | } 385 | }, 386 | "postcss-functions": { 387 | "version": "3.0.0", 388 | "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz", 389 | "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", 390 | "requires": { 391 | "glob": "^7.1.2", 392 | "object-assign": "^4.1.1", 393 | "postcss": "^6.0.9", 394 | "postcss-value-parser": "^3.3.0" 395 | }, 396 | "dependencies": { 397 | "chalk": { 398 | "version": "2.4.2", 399 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", 400 | "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", 401 | "requires": { 402 | "ansi-styles": "^3.2.1", 403 | "escape-string-regexp": "^1.0.5", 404 | "supports-color": "^5.3.0" 405 | } 406 | }, 407 | "postcss": { 408 | "version": "6.0.23", 409 | "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", 410 | "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", 411 | "requires": { 412 | "chalk": "^2.4.1", 413 | "source-map": "^0.6.1", 414 | "supports-color": "^5.4.0" 415 | } 416 | }, 417 | "postcss-value-parser": { 418 | "version": "3.3.1", 419 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", 420 | "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==" 421 | } 422 | } 423 | }, 424 | "postcss-js": { 425 | "version": "2.0.3", 426 | "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", 427 | "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", 428 | "requires": { 429 | "camelcase-css": "^2.0.1", 430 | "postcss": "^7.0.18" 431 | } 432 | }, 433 | "postcss-nested": { 434 | "version": "4.2.1", 435 | "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", 436 | "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", 437 | "requires": { 438 | "postcss": "^7.0.21", 439 | "postcss-selector-parser": "^6.0.2" 440 | } 441 | }, 442 | "postcss-selector-parser": { 443 | "version": "6.0.2", 444 | "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", 445 | "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", 446 | "requires": { 447 | "cssesc": "^3.0.0", 448 | "indexes-of": "^1.0.1", 449 | "uniq": "^1.0.1" 450 | } 451 | }, 452 | "postcss-value-parser": { 453 | "version": "4.0.3", 454 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz", 455 | "integrity": "sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==" 456 | }, 457 | "pretty-hrtime": { 458 | "version": "1.0.3", 459 | "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", 460 | "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" 461 | }, 462 | "reduce-css-calc": { 463 | "version": "2.1.7", 464 | "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz", 465 | "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", 466 | "requires": { 467 | "css-unit-converter": "^1.1.1", 468 | "postcss-value-parser": "^3.3.0" 469 | }, 470 | "dependencies": { 471 | "postcss-value-parser": { 472 | "version": "3.3.1", 473 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", 474 | "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==" 475 | } 476 | } 477 | }, 478 | "resolve": { 479 | "version": "1.15.1", 480 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz", 481 | "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==", 482 | "requires": { 483 | "path-parse": "^1.0.6" 484 | } 485 | }, 486 | "semver": { 487 | "version": "6.3.0", 488 | "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", 489 | "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" 490 | }, 491 | "source-map": { 492 | "version": "0.6.1", 493 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", 494 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" 495 | }, 496 | "supports-color": { 497 | "version": "5.5.0", 498 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", 499 | "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", 500 | "requires": { 501 | "has-flag": "^3.0.0" 502 | } 503 | }, 504 | "tailwindcss": { 505 | "version": "1.2.0", 506 | "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.2.0.tgz", 507 | "integrity": "sha512-CKvY0ytB3ze5qvynG7qv4XSpQtFNGPbu9pUn8qFdkqgD8Yo/vGss8mhzbqls44YCXTl4G62p3qVZBj45qrd6FQ==", 508 | "requires": { 509 | "autoprefixer": "^9.4.5", 510 | "bytes": "^3.0.0", 511 | "chalk": "^3.0.0", 512 | "detective": "^5.2.0", 513 | "fs-extra": "^8.0.0", 514 | "lodash": "^4.17.15", 515 | "node-emoji": "^1.8.1", 516 | "normalize.css": "^8.0.1", 517 | "postcss": "^7.0.11", 518 | "postcss-functions": "^3.0.0", 519 | "postcss-js": "^2.0.0", 520 | "postcss-nested": "^4.1.1", 521 | "postcss-selector-parser": "^6.0.0", 522 | "pretty-hrtime": "^1.0.3", 523 | "reduce-css-calc": "^2.1.6", 524 | "resolve": "^1.14.2" 525 | } 526 | }, 527 | "uniq": { 528 | "version": "1.0.1", 529 | "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", 530 | "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" 531 | }, 532 | "universalify": { 533 | "version": "0.1.2", 534 | "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", 535 | "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" 536 | }, 537 | "wrappy": { 538 | "version": "1.0.2", 539 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 540 | "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" 541 | }, 542 | "xtend": { 543 | "version": "4.0.2", 544 | "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", 545 | "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==" 546 | } 547 | } 548 | } 549 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss-grid-placement", 3 | "version": "0.0.2", 4 | "description": "A tailwindCSS plugin for defining grid placement utilities", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "", 10 | "license": "MIT", 11 | "dependencies": { 12 | "tailwindcss": "^1.2.0" 13 | } 14 | } 15 | --------------------------------------------------------------------------------