[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7768":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":15,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":17,"archived":18,"fork":19,"defaultBranch":20,"hasWiki":19,"hasPages":19,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":15,"starSnapshotCount":15,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},7768,"neat","thoughtbot\u002Fneat","thoughtbot","A fluid and flexible grid Sass framework","https:\u002F\u002Fneat.bourbon.io\u002F",null,"Ruby",4369,415,1,0,59.86,"MIT License",true,false,"master",[22,23,24,25,26,27,28],"bourbon","bourbon-family","css","grid","grid-framework","sass","scss","2026-06-12 04:00:35","[\u003Cimg src=\"http:\u002F\u002Fimages.thoughtbot.com\u002Fbourbon\u002Fneat-logo-v2.svg\" width=\"200\" alt=\"Neat logo\">][Neat]\n\n[![Reviewed by Hound](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReviewed_by-Hound-8E64B0.svg)](https:\u002F\u002Fhoundci.com)\n\n## A lightweight and flexible Sass grid\n\n**Note:** This project is no longer maintained. We favor and encourage people to use\nnative CSS features like Grid and Flexbox. Float-based grid frameworks like Neat\nare no longer necessary.\n\n[Neat] is a fluid grid framework with the aim of being easy enough to\nuse out of the box and flexible enough to customize down the road.\n\n  [Neat]: https:\u002F\u002Fneat.bourbon.io\u002F\n\n### Helpful Links\n\n- [Demos](https:\u002F\u002Fneat.bourbon.io\u002Fexamples\u002F)\n- [Documentation](https:\u002F\u002Fneat.bourbon.io\u002Fdocs\u002Flatest\u002F)\n- [Change log](CHANGELOG.md)\n- [Twitter](https:\u002F\u002Ftwitter.com\u002Fbourbonsass)\n- [Stack Overflow](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fneat)\n- [Neat 2.0 Building the future of floated Sass grids](https:\u002F\u002Frobots.thoughtbot.com\u002Fbuilding-the-future-of-floated-css-grids) by [@whmii](http:\u002F\u002Fsocial.mcmahan.me)\n- [Getting started with Neat 2.0, a lightweight and flexible Sass grid](https:\u002F\u002Frobots.thoughtbot.com\u002Fthe-release-of-neat-2-0-a-lightweight-and-flexible-sass-grid) by [@whmii](http:\u002F\u002Fsocial.mcmahan.me)\n\n## Table of Contents\n\n- [Requirements](#requirements)\n- [Installation](#installation)\n- [Command Line Interface](#command-line-interface)\n- [The Bourbon Family](#the-bourbon-family)\n- [Contributing](#contributing)\n- [License](#license)\n- [About](#about)\n\n## Requirements\n\n- [Sass] 3.4+ or [LibSass] 3.3+\n\n  [Sass]: https:\u002F\u002Fgithub.com\u002Fsass\u002Fsass\n  [LibSass]: https:\u002F\u002Fgithub.com\u002Fsass\u002Flibsass\n\n## Installation\n\n1. Install the Neat gem using the [RubyGems] package manager:\n\n   ```bash\n   gem install neat\n   ```\n\n1. Install or update Neat’s dependencies:\n\n   ```bash\n   gem install sass # or gem update sass\n   ```\n\n   **Pro Tip:** You can target installation into a specific directory using the\n   `path` flag:\n\n   ```bash\n   neat install --path my\u002Fcustom\u002Fpath\u002F\n   ```\n\n1. Install the Neat library into the current directory:\n\n   ```bash\n   neat install\n   ```\n\n1. Import Neat in your stylesheet:\n\n   ```scss\n   @import \"neat\u002Fneat\";\n   ```\n\n   It’s not recommended to add or modify the Neat files so that you can update\n   them easily.\n\n[RubyGems]: https:\u002F\u002Frubygems.org\n\n### Installation for Ruby on Rails 4.2+\n\n1. Add Neat to your Gemfile:\n\n   ```ruby\n   gem \"neat\"\n   ```\n\n1. Then run:\n\n   ```bash\n   bundle install\n   ```\n\n   If you see the error `Bundler could not find compatible versions for gem\n   \"sass\"`, run:\n\n   ```bash\n   bundle update sass\n   ```\n\n1. Import Neat in your `application.scss`:\n\n   ```scss\n   @import \"neat\";\n   ```\n\n   It should be noted that `@import` rules are not compatible with Sprockets\n   directives. You need to use one or the other.\n\n### Installing with npm and using a Node-based asset pipeline\n\n1. Add Neat as a dependency:\n\n   ```bash\n   npm install --save bourbon-neat\n   ```\n\n1. If you’re using [eyeglass], skip to Step 3. Otherwise, you’ll need to add\n   Neat to your node-sass `includePaths` option.\n   `require(\"bourbon-neat\").includePaths` is an array of directories that you\n   should pass to node-sass. How you do this depends on how node-sass is\n   integrated into your project.\n\n1. Import Neat into your Sass files:\n\n   ```scss\n   @import \"neat\";\n   ```\n\n[eyeglass]: http:\u002F\u002Feyeglass.rocks\n\n### Installing older versions of Neat\n\n1. Uninstall any Neat gem versions you already have:\n\n   ```bash\n   gem uninstall neat\n   ```\n\n1. Reinstall the Neat gem, using the `-v` flag to specify the version you need:\n\n   ```bash\n   gem install neat -v 1.8.1\n   ```\n\n1. Follow the [instructions above](#installation) to install Neat into your\n   project.\n\n## Command Line Interface\n\n```bash\nneat [options]\n```\n\n### Options\n\n| Option            | Description               |\n| :---------------- | :------------------------ |\n| `-h`, `--help`    | Show help                 |\n| `-v`, `--version` | Show the version number   |\n| `--path`          | Specify a custom path     |\n| `--force`         | Force install (overwrite) |\n\n### Commands\n\n| Command        | Description                                        |\n| :------------- | :------------------------------------------------- |\n| `neat install` | Install Neat into the current directory            |\n| `neat update`  | Overwrite and update Neat in the current directory |\n| `neat remove`  | Removes Neat from the current directory            |\n| `neat help`    | Show help                                          |\n| `neat version` | Show the version number                            |\n\n## The Bourbon family\n\n- [Bourbon]: A lightweight Sass tool set\n- [Bitters]: Scaffold styles, variables and structure for Bourbon projects\n\n  [Bourbon]: https:\u002F\u002Fgithub.com\u002Fthoughtbot\u002Fbourbon\n  [Bitters]: https:\u002F\u002Fgithub.com\u002Fthoughtbot\u002Fbitters\n\n## Contributing\n\nSee the [contributing] document. Thank you, [contributors]!\n\n  [contributing]: CONTRIBUTING.md\n  [contributors]: https:\u002F\u002Fgithub.com\u002Fthoughtbot\u002Fneat\u002Fgraphs\u002Fcontributors\n\n## License\n\nNeat is copyright © 2012 [thoughtbot, inc.][thoughtbot] It is free software, and\nmay be redistributed under the terms specified in the [license].\n\n  [license]: LICENSE.md\n\n## About\n\nNeat is maintained by the thoughtbot design team. It is funded by\n[thoughtbot, inc.][thoughtbot] and the names and logos for thoughtbot are\ntrademarks of thoughtbot, inc.\n\n[![thoughtbot logo](https:\u002F\u002Fpresskit.thoughtbot.com\u002Fimages\u002Fthoughtbot-logo-for-readmes.svg)][thoughtbot]\n\nWe love open-source software! See [our other projects][community] or\n[hire us][hire] to design, develop, and grow your product.\n\n  [thoughtbot]: https:\u002F\u002Fthoughtbot.com?utm_source=github\n  [community]: https:\u002F\u002Fthoughtbot.com\u002Fcommunity?utm_source=github\n  [hire]: https:\u002F\u002Fthoughtbot.com\u002Fhire-us?utm_source=github\n","Neat 是一个轻量且灵活的 Sass 网格框架，旨在提供流体布局的同时保持易用性和可定制性。它基于 Bourbon 库构建，支持通过简单的 SCSS 语法来定义复杂的响应式网格布局。Neat 的核心功能包括自动计算列宽、间距以及对外边距和内边距的精细控制。尽管官方已经停止维护该项目，并推荐使用原生 CSS Grid 和 Flexbox 特性，但在需要兼容旧版浏览器或偏好使用浮点布局的情况下，Neat 仍然是一种快速搭建网页布局的有效工具。适用于任何希望利用 Sass 强大功能创建适应性强且易于调整的前端界面的设计与开发场景。",2,"2026-06-11 03:14:18","top_language"]