{"_id":"@anthonymittz/loft","_rev":"3-f551aa4bdd76cdae6817bf7dfed9b0f2","name":"@anthonymittz/loft","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@anthonymittz/loft","version":"0.1.0","keywords":["SASS","SCSS","stylesheet","library","design system"],"author":{"name":"Anthony Mittz"},"license":"ISC","_id":"@anthonymittz/loft@0.1.0","maintainers":[{"name":"anthonymittz","email":"anthonymittz@gmail.com"}],"dist":{"shasum":"99d59d32d12b102109707e7925bfa1ff22a30c32","tarball":"https://registry.npmjs.org/@anthonymittz/loft/-/loft-0.1.0.tgz","fileCount":14,"integrity":"sha512-8MKUDOHpj3tdDfSzCvAxM3GA1mbL459zQhkfJUwbH10Z481YDWPgQ2DgOt61RDWNu+P+cZFWb2jIk1oJPYhXkQ==","signatures":[{"sig":"MEYCIQD9OZdOw6Q1tYlbpOhTJxgQIZJhkIQTMfOiBA90cfwVNAIhAPO+h9H7FlGifk8UhunHv8RcvWa4SVlfYxYe1lJMHpjx","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8676},"main":"./src/main.scss","type":"commonjs","exports":{".":{"sass":"./src/main.scss"}},"gitHead":"635e9cdaf399676805c01bd4a8b440ee4d7141b9","_npmUser":{"name":"anthonymittz","email":"anthonymittz@gmail.com"},"_npmVersion":"11.2.0","description":"A SASS library of utility classes for rapid UI prototyping.","directories":{},"_nodeVersion":"23.9.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/loft_0.1.0_1744289864287_0.7832206745722299","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anthonymittz/loft","version":"0.1.1","keywords":["SASS","SCSS","stylesheet","library","design system"],"author":{"name":"Anthony Mittz"},"license":"ISC","_id":"@anthonymittz/loft@0.1.1","maintainers":[{"name":"anthonymittz","email":"anthonymittz@gmail.com"}],"dist":{"shasum":"4d1e4f16e064da955eaa1227b5edf649b060e2db","tarball":"https://registry.npmjs.org/@anthonymittz/loft/-/loft-0.1.1.tgz","fileCount":14,"integrity":"sha512-MjkbXPorfE/5cyg2gSJ55NogmuCQz9+xjEZTjdy4zLe+Ir3xndpEq8UTdY9Wk2O7YtUBcKgbQm8QWX2LcfW7RA==","signatures":[{"sig":"MEYCIQDhMoZNNBOZrI0Y6ajeNawXGnTJ9s7mz1Hq8ztTCacSoQIhAKoPomjMsMk/gk65VoBd4PMdZ2ftBW19IaBACdfbfj7q","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10488},"main":"./src/main.scss","type":"commonjs","exports":{".":{"sass":"./src/main.scss"}},"gitHead":"6b6c0296b0c7d53574171a0aedd3ec8e64daf7cc","_npmUser":{"name":"anthonymittz","email":"anthonymittz@gmail.com"},"_npmVersion":"11.2.0","description":"A SASS library of utility classes for rapid UI prototyping.","directories":{},"_nodeVersion":"23.9.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/loft_0.1.1_1744296597929_0.24762534631005284","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@anthonymittz/loft","version":"0.1.2","description":"A SASS library of utility classes for rapid UI prototyping.","keywords":["SASS","SCSS","stylesheet","library","design system"],"license":"ISC","author":{"name":"Anthony Mittz"},"type":"commonjs","exports":{".":{"sass":"./src/main.scss"}},"main":"./src/main.scss","_id":"@anthonymittz/loft@0.1.2","gitHead":"7809ff8ed5177ec01635396a555d930070f40f35","_nodeVersion":"23.9.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-ClxBI2YZW460wPPJDxpjx+00pM34OtoZX9OmL6mkbbuRc2CkLoEXUaM2QExCk+WJp6uCRoni9Pj6i+yf+7KWLQ==","shasum":"0a630fc9b4bdbdf233d83bf5aa6b62f6779038fd","tarball":"https://registry.npmjs.org/@anthonymittz/loft/-/loft-0.1.2.tgz","fileCount":19,"unpackedSize":13855,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICpB1lbhxaQDkt6MJZjKGg3dmwMOMSWxB/Evjm7/VBjzAiBZLTvI4Lle690P2oPcgy2JNC4nVpwI8cptepthTD0IYA=="}]},"_npmUser":{"name":"anthonymittz","email":"anthonymittz@gmail.com"},"directories":{},"maintainers":[{"name":"anthonymittz","email":"anthonymittz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/loft_0.1.2_1744320555857_0.7056321490803419"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-10T12:57:44.187Z","modified":"2025-04-10T21:29:16.217Z","0.1.0":"2025-04-10T12:57:44.483Z","0.1.1":"2025-04-10T14:49:58.122Z","0.1.2":"2025-04-10T21:29:16.044Z"},"author":{"name":"Anthony Mittz"},"license":"ISC","keywords":["SASS","SCSS","stylesheet","library","design system"],"description":"A SASS library of utility classes for rapid UI prototyping.","maintainers":[{"name":"anthonymittz","email":"anthonymittz@gmail.com"}],"readme":"<h1 align=\"center\">Loft</h1>\n\n<p align=\"center\">\n  A SASS library of utility classes for rapid UI prototyping.\n</p>\n\n---\n\n- [Spacing](#spacing)\n- [Layout](#layout)\n- [Colors](#colors)\n- [Typography](#typography)\n\n\n---\n\n### Spacing\n\n> `1 = 1rem = 16px`  \n  `1/8 = 1rem * 1/8 = 0.125rem = 2px`\n\n- fractions: `1/8` `1/4` `3/8` `1/2` `5/8` `3/4` `7/8`\n- integers: `0` `1` `2` `3` `4` `6` `8` `12` `16` `20` `24` `32`\n\nFractions can be used:\n- all on their own: `.p-1/2`\n- eighths with integer 1: `.p-1-1/8`\n- quarters and halves with integers 1 and 2: `.p-2-1/4`\n\nIntegers can be used:\n- all on their own: `.p-24`\n\n#### Modifiers\n\n|  | t | r | b | l | x | y |\n|----|---|---|---|---|---|---|\n| _none_ | -top | -right | -bottom | -left | -inline | -block |\n\nModifiers can be applied to some spacing classes like margin and padding.\n\n#### Classes\n\nCan be applied to the parent element via `p-1` notation,  \nor to all direct children via `--p-1` by using a `--` prefix.\n\n- **padding** <small>-{size}, {mod}-{size}</small>  \n  `p-0` `p-1` `p-16` `p-1/2` `p-3/4` `p-1-1/2`  \n  `pt-0` `pb-1/2` `px-2`\n\n- **margin** <small>-{size}, {mod}-{size}</small>  \n  `m-0` `m-1` `m-16` `m-1/2` `m-3/4` `m-1-1/2`  \n  `mt-0` `mb-1/2` `mx-2`\n\n- **width/height** <small>-{size}, -full</small>  \n  `w-full` `h-0` `w-24` `h-1/2`\n\n- **gap** <small>-{size}, -x -y …-{size}</small>  \n  `gap-0` `gap-1` `gap-1/2` `gap-x-2` `gap-y-1`\n\n- **rd** <small>-{size}, -t -r -b -l -tl -tr -bl -br …-{size} </small>  \n  `rd-0` `rd-t-1/2` `rd-br-1-3/4`\n\n\n---\n\n### Layout\n\nCan be applied to the parent element via `col x-center` notation,  \nor to all direct children via `--col --x-center` by using a `--` prefix.\n\n#### Flex\n\n- on containers:  \n  `col` `row` `center` `hidden`\n\n- on `col`:  \n  `x-start` `x-center` `x-end` `x-baseline`  \n  `x-between` `x-around` `x-evenly`  \n  `y-start` `y-end` `y-center` `y-stretch` `y-baseline`\n\n- on `row`:  \n  `x-start` `x-center` `x-end` `x-stretch` `x-baseline`  \n  `y-start` `y-center` `y-end` `y-baseline`  \n  `y-between` `y-around` `y-evenly`  \n\n- on direct children:  \n  `grow` `no-grow` `shrink` `no-shrink`  \n  \n#### Grid\n\n- on containers:  \n  `grid`  \n\n- on `grid`:\n  `col-2`, `col-3` … `col-12`  \n  `x-start` `x-center` `x-end`  \n  `y-start` `y-center` `y-end`\n\n- on direct children:  \n  `to-start` `to-center` `to-end`  \n  `to-top` `to-middle` `to-bottom`\n\n#### Overflow\n\n- on containers:  \n  `of-x` `of-x-scroll` `of-x-none`  \n  `of-y` `of-y-scroll` `of-y-none`  \n\n---\n\n### Colors\n\nValues go from darkest `1` to lightest `9`, with `0` being transparent:\n\n- **grays**  \n  `0` through `9` \n\n- **accents**  \n  `a1` `a2`\n\n- **utility**  \n  `u1` through `u4`\n\n#### Classes\n\n- **foreground** <small>text color</small>  \n  `f0` `fa1` `fu2`\n\n- **background** <small>element color</small>  \n  `b0` `ba1` `bu2`\n\n\n---\n\n### Typography\n\n- **headings**  \n  `h1` `h2`\n\n- **paragraphs**  \n  `p1` `p2`\n\n- **captions**  \n  `cap`\n\n- **links**  \n  `link` `navlink`\n\n- **utility**  \n  `mono` `upper` `lower` `spaced`\n\n  \n---\n\n<p align=\"center\"><small>2025 | By Anthony Mittz</small></p>","readmeFilename":"README.md"}