{"_id":"@box2unlock/look","_rev":"2-914cc7e34f05094c351f7365ece3cb95","name":"@box2unlock/look","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@box2unlock/look","version":"1.0.0","keywords":["css","framework","minimalistic","sass","scss","front-end","look"],"author":{"url":"https://github.com/grzesw","name":"grzesw","email":"box2unlock@xml.ovh"},"license":"MIT","_id":"@box2unlock/look@1.0.0","maintainers":[{"name":"kminek","email":"kontakt@kminek.pl"}],"homepage":"https://github.com/box2unlock/look","bugs":{"url":"https://github.com/box2unlock/look/issues"},"dist":{"shasum":"2bd11e4aab65cf46e42a96ee7ea718fc08d8360e","tarball":"https://registry.npmjs.org/@box2unlock/look/-/look-1.0.0.tgz","fileCount":25,"integrity":"sha512-dZWj6b+pfbSX6zWgUd9Gffui18Z3lBnm9brFr0zO6wJrfBS2XasLCoEmbYPvxV6XE4g658b5SDTW52QNRtypZg==","signatures":[{"sig":"MEUCIB04F2qivYifQ3XsDFzCysVQFpaxVnmna4DaQDVHkeCfAiEA0A3YU1BADCMmAR4I5LWPHg01KG8dw+tT2JCilCpecW8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1137235},"main":"dist/look.css","sass":"scss/look.scss","style":"dist/look.css","gitHead":"13d3d43522081c8f85a5dc97407a464075f13f11","scripts":{"css":"npm run css:compile && npm run css:minify && npm run css:fonts","build":"npm run css","format":"prettier --write \"scss/**/*.scss\"","css:fonts":"mkdir -p dist/fonts && cp -f node_modules/@fortawesome/fontawesome-free/webfonts/*.woff2 dist/fonts/","css:watch":"sass --watch --load-path=node_modules --style=expanded --source-map --embed-sources --no-error-css scss/look.scss dist/look.css","css:minify":"sass --load-path=node_modules --style=compressed --source-map --embed-sources --no-error-css scss/look.scss dist/look.min.css","css:compile":"sass --load-path=node_modules --style=expanded --source-map --embed-sources --no-error-css scss/look.scss dist/look.css","format:check":"prettier --check \"scss/**/*.scss\""},"_npmUser":{"name":"kminek","email":"kontakt@kminek.pl"},"repository":{"url":"git+https://github.com/box2unlock/look.git","type":"git"},"_npmVersion":"11.13.0","description":"Minimalistic CSS framework","directories":{},"_nodeVersion":"24.16.0","dependencies":{"modern-normalize":"3.0.1","@pierreburel/sass-rem":"4.1.0","@fortawesome/fontawesome-free":"7.3.1"},"_hasShrinkwrap":false,"devDependencies":{"sass":"1.102.0","prettier":"3.9.6","prettier-plugin-css-order":"2.2.0"},"_npmOperationalInternal":{"tmp":"tmp/look_1.0.0_1786699485425_0.6479820810274017","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@box2unlock/look","version":"1.1.0","description":"Minimalistic CSS framework","keywords":["css","framework","minimalistic","sass","scss","front-end","look"],"homepage":"https://github.com/box2unlock/look","repository":{"type":"git","url":"git+https://github.com/box2unlock/look.git"},"bugs":{"url":"https://github.com/box2unlock/look/issues"},"author":{"name":"grzesw","email":"box2unlock@xml.ovh","url":"https://github.com/grzesw"},"license":"MIT","main":"dist/look.css","style":"dist/look.css","sass":"scss/look.scss","scripts":{"build":"npm run css","css":"npm run css:compile && npm run css:minify && npm run css:fonts","css:fonts":"mkdir -p dist/fonts && cp -f node_modules/@fortawesome/fontawesome-free/webfonts/*.woff2 dist/fonts/","css:compile":"sass --load-path=node_modules --style=expanded --source-map --embed-sources --no-error-css scss/look.scss dist/look.css","css:minify":"sass --load-path=node_modules --style=compressed --source-map --embed-sources --no-error-css scss/look.scss dist/look.min.css","css:watch":"sass --watch --load-path=node_modules --style=expanded --source-map --embed-sources --no-error-css scss/look.scss dist/look.css","format":"prettier --write \"scss/**/*.scss\"","format:check":"prettier --check \"scss/**/*.scss\""},"devDependencies":{"prettier":"3.9.6","prettier-plugin-css-order":"2.2.0","sass":"1.102.0"},"dependencies":{"@fortawesome/fontawesome-free":"7.3.1","@pierreburel/sass-rem":"4.1.0","modern-normalize":"3.0.1"},"gitHead":"ff677939af3e182a45b954bef9758c0662ce5840","_id":"@box2unlock/look@1.1.0","_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-LF0I1O7nL5N8uRJi7KJxv7LjLOGzI7KkK2TJmU9JP4+ufQcTfRWDHhhcrF4L0iDh7N8t+EY+3+L8JVQg4v1w1w==","shasum":"74d3d40096af74f935b7264072ab11ea8510f410","tarball":"https://registry.npmjs.org/@box2unlock/look/-/look-1.1.0.tgz","fileCount":25,"unpackedSize":1141305,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDytf7jeCayxzIK5SZokSsBswAba2Y/V8tkMvS4vUfjxAIgbS49oSL6J9Bth5fsaoF2W0uzoVm7xkl3Nd0f9sj0rOc="}]},"_npmUser":{"name":"kminek","email":"kontakt@kminek.pl"},"directories":{},"maintainers":[{"name":"kminek","email":"kontakt@kminek.pl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/look_1.1.0_1787511678119_0.08635872924629262"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-14T09:24:45.294Z","modified":"2026-08-23T19:01:18.458Z","1.0.0":"2026-08-14T09:24:45.600Z","1.1.0":"2026-08-23T19:01:18.292Z"},"bugs":{"url":"https://github.com/box2unlock/look/issues"},"author":{"name":"grzesw","email":"box2unlock@xml.ovh","url":"https://github.com/grzesw"},"license":"MIT","homepage":"https://github.com/box2unlock/look","keywords":["css","framework","minimalistic","sass","scss","front-end","look"],"repository":{"type":"git","url":"git+https://github.com/box2unlock/look.git"},"description":"Minimalistic CSS framework","maintainers":[{"name":"kminek","email":"kontakt@kminek.pl"}],"readme":"# Look\n\nMinimalistic CSS framework\n\nPlain and simple Sass-based CSS framework. Includes basic set of UI components.\nBuilt for [Box2Unlock](https://box2unlock.xml.ovh/) but released as standalone\npackage that might be useful as a starting point for other projects.\n\n## Demo\n\n[https://box2unlock.github.io/look/](https://box2unlock.github.io/look/)\n\n## Highlights\n\n- follows vertical rhythm\n- uses `rem` sizing\n- defaults to the [Inter](https://rsms.me/inter/) typeface with a system-font fallback\n- available in two color themes: `light` and `dark`\n- follows [rstacruz/rscss](https://github.com/rstacruz/rscss) methodology\n- bundles [sindresorhus/modern-normalize](https://github.com/sindresorhus/modern-normalize)\n- bundles [Font Awesome](https://fontawesome.com/)\n\n## Install\n\n```bash\nnpm install @box2unlock/look\n```\n\n## Usage\n\n### Compiled CSS (no Sass required)\n\n```html\n<link rel=\"stylesheet\" href=\"node_modules/@box2unlock/look/dist/look.min.css\">\n```\n\n### Sass\n\n```scss\n@use '@box2unlock/look/scss/look';\n```\n\n## Customizing\n\nOverride any framework variable as you import it by passing values \nthrough `with`:\n\n```scss\n@use '@box2unlock/look/scss/look' with (\n    $look-color-text: rebeccapurple\n);\n```\n\nAny variable declared `!default` in `scss/_variables.scss` can be overridden \nthis way.\n\n## Dark color theme\n\nLook ships `light` and `dark` color themes built on CSS custom properties, so \nno extra stylesheet or JavaScript is required.\n\nSwitch the whole page to dark by adding the `dark` class to the `<html>` \nelement (or any wrapping element):\n\n```html\n<html class=\"dark\">\n```\n\n## Typography\n\nLook sets its default typeface to [Inter](https://rsms.me/inter/) - a modern,\nhighly legible sans-serif - and falls back to the platform's native UI font\n(`system-ui`) so text still looks current before any web font loads.\n\nTo keep the package lightweight the font files are **not** bundled, so load \nInter in your app to get the intended look, for example:\n\n```html\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap\">\n```\n\n## Icons\n\nLook bundles [Font Awesome Free](https://fontawesome.com/) (brands, regular and\nsolid styles), so the icon classes work straight out of the compiled CSS:\n\n```html\n<i class=\"fa-brands fa-square-facebook\" aria-hidden=\"true\"></i>\n<i class=\"fa-solid fa-heart\" aria-hidden=\"true\"></i>\n```\n\nThe web fonts ship next to the stylesheet in `dist/fonts`. If you serve them\nfrom somewhere else, point the framework at that location:\n\n```scss\n@use '@box2unlock/look/scss/look' with (\n    $look-icon-font-path: '/assets/fonts'\n);\n```\n\n## License\n\nReleased under the [MIT License](https://opensource.org/license/mit).\n","readmeFilename":"README.md"}