{"_id":"@congjiye/nanocss","_rev":"2-3dbc1676136b707f5837a8b04f9bbcae","name":"@congjiye/nanocss","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@congjiye/nanocss","version":"1.0.1","keywords":["css","stylesheet","html","ui","design"],"author":{"name":"congjiye"},"license":"MIT","_id":"@congjiye/nanocss@1.0.1","maintainers":[{"name":"alphazx","email":"congjiye@outlook.com"}],"homepage":"https://github.com/AlphaZx-CJY/NanoCSS#readme","bugs":{"url":"https://github.com/AlphaZx-CJY/NanoCSS/issues"},"dist":{"shasum":"75b6c88f3be3ed131ee371e4fe0bea7d15e1a678","tarball":"https://registry.npmjs.org/@congjiye/nanocss/-/nanocss-1.0.1.tgz","fileCount":5,"integrity":"sha512-HRk1dhPDIh+o6k9E2VSZCwa/WnVhFTDI8vEwSDRie+A7LonzZdbPXtRpMTzPlA/4iE/w+jaXmiB7y5kRpO5s+Q==","signatures":[{"sig":"MEQCIH20SxldQpM7iVsUu6a8ZvsJzEsVDhUKY5ThIE1XMK4WAiA+4pJyrN7bDnSzFIzFlGTAwrbI2UUnNReQruCPs9YZYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25169},"main":"dist/nano.min.css","style":"dist/nano.min.css","gitHead":"71f1255e0c71b5b4ae343b4202ea86a130ff62ab","scripts":{"dev":"vite","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"alphazx","email":"congjiye@outlook.com"},"repository":{"url":"git+https://github.com/AlphaZx-CJY/NanoCSS.git","type":"git"},"_npmVersion":"10.8.2","description":"A pure CSS library that styles HTML tags directly","directories":{},"_nodeVersion":"20.19.5","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"7.2.2","cssnano":"^7.1.2","postcss":"^8.5.6","@types/rollup":"^0.51.4"},"_npmOperationalInternal":{"tmp":"tmp/nanocss_1.0.1_1763901480549_0.8310016857651206","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@congjiye/nanocss","version":"1.0.2","description":"A pure CSS library that styles HTML tags directly","main":"dist/nano.min.css","style":"dist/nano.min.css","repository":{"type":"git","url":"git+https://github.com/AlphaZx-CJY/NanoCSS.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"devDependencies":{"@types/rollup":"^0.51.4","cssnano":"^7.1.2","postcss":"^8.5.6","vite":"7.2.2"},"keywords":["css","stylesheet","html","ui","design"],"author":{"name":"congjiye"},"license":"MIT","bugs":{"url":"https://github.com/AlphaZx-CJY/NanoCSS/issues"},"_id":"@congjiye/nanocss@1.0.2","gitHead":"17c11e0fde46389a6037b7474a4f17ef5b3e320c","homepage":"https://github.com/AlphaZx-CJY/NanoCSS#readme","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-hragwWYK5A8g0d60lld5fcYcxnwaGQZR5ay2FyDCLnSm0hoOn5Dqwq+BgIEhbbGaM/HLb3W+z23a2ejgTqKmoA==","shasum":"f3aaf94e6e30f91ce8265465fc40586363246770","tarball":"https://registry.npmjs.org/@congjiye/nanocss/-/nanocss-1.0.2.tgz","fileCount":5,"unpackedSize":25274,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEqh5qnwJwfPsnP1O1jUMmmXvlULUN20drFk6uYaa4D1AiAN2F0ANilMMxjKrLbUP0m3PHf88sRcNy/tdAfsKpdvoA=="}]},"_npmUser":{"name":"alphazx","email":"congjiye@outlook.com"},"directories":{},"maintainers":[{"name":"alphazx","email":"congjiye@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/nanocss_1.0.2_1763902723887_0.057084495292686555"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-23T12:38:00.478Z","modified":"2025-11-23T12:58:44.327Z","1.0.1":"2025-11-23T12:38:00.750Z","1.0.2":"2025-11-23T12:58:44.091Z"},"bugs":{"url":"https://github.com/AlphaZx-CJY/NanoCSS/issues"},"author":{"name":"congjiye"},"license":"MIT","homepage":"https://github.com/AlphaZx-CJY/NanoCSS#readme","keywords":["css","stylesheet","html","ui","design"],"repository":{"type":"git","url":"git+https://github.com/AlphaZx-CJY/NanoCSS.git"},"description":"A pure CSS library that styles HTML tags directly","maintainers":[{"name":"alphazx","email":"congjiye@outlook.com"}],"readme":"# Nano.css - 零类名 HTML5 CSS 框架\n\nNano.css 是一个基于 HTML5 语义标签的现代简约 CSS 框架，完全遵循\"零类名\"设计理念。只需使用标准的 HTML5 标签，无需添加任何自定义类名，即可获得美观、响应式的网页设计。\n\n[Demo 地址](https://AlphaZx-CJY.github.io/NanoCSS/)\n\n## 设计理念\n\nNano.css 的核心设计理念是：\n\n- 语义化优先：充分利用 HTML5 语义标签，让内容决定样式\n- 零类名设计：除卡片组件外，无需添加任何自定义类名\n- 现代简约：简洁的排版、充足的留白、克制的色彩\n- 响应式设计：完美适配从移动设备到桌面设备的所有屏幕尺寸\n- 明暗模式：支持自动切换的明暗主题，暗色模式下使用清新的绿色主题\n\n## 快速开始\n\n将以下代码添加到 HTML 文件的`<head>`部分：\n\n```html\n<link rel=\"stylesheet\" href=\"./dist/nano.min.css\" />\n```\n\n或是使用 npm 进行安装使用。并在代码中引入该样式\n\n```bash\nnpm i @congjiye/nanocss\n```\n\n```javascript\n// index.js\nimport '@conjiye/nanocss/dist/nano.min.css';\n```\n\n## 功能特性\n\n### 完整的 HTML5 标签支持\n\nNano.css 支持所有 HTML5 标签，包括：\n\n- 文本内容：`<h1>-<h6>`, `<p>`, `<blockquote>`, `<pre>`, `<code>`\n- 列表：`<ul>`, `<ol>`, `<li>`, `<dl>`, `<dt>`, `<dd>`\n- 表格：`<table>`, `<thead>`, `<tbody>`, `<tfoot>`, `<tr>`, `<th>`, `<td>`\n- 表单：`<form>`, `<input>`, `<textarea>`, `<select>`, `<button>`\n- 媒体：`<img>`, `<video>`, `<audio>`, `<figure>`, `<figcaption>`\n- 语义标签：`<header>`, `<nav>`, `<main>`, `<section>`, `<article>`, `<aside>`, `<footer>`\n- 高级元素：`<details>`, `<summary>`, `<progress>`, `<meter>`, `<dialog>`, `<template>`\n\n### 明暗模式支持\n\n框架自动检测系统主题设置，并提供一键切换按钮：\n\n- 亮色模式：清爽的蓝色主题\n- 暗色模式：清新的绿色主题（主色调 #15CE58）\n\n### 响应式设计\n\n所有元素都经过精心设计，完美适配各种屏幕尺寸：\n\n- 移动设备优先的设计策略\n- 在小屏幕上自动调整布局\n- 导航菜单在小屏幕上自动换行\n\n### 唯一的自定义类：卡片组件\n\n整个框架只包含一个自定义类 .card，用于创建卡片式容器：\n\n```html\n<div class=\"card\">\n  <h3>卡片标题</h3>\n  <p>卡片内容...</p>\n</div>\n```\n\n## 使用示例\n\n```html\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>我的网站</title>\n    <link rel=\"stylesheet\" href=\"nano.min.css\" />\n  </head>\n  <body>\n    <nav>\n      <ul>\n        <li><a href=\"#\">首页</a></li>\n        <li><a href=\"#\">关于</a></li>\n        <li><a href=\"#\">联系</a></li>\n      </ul>\n    </nav>\n    <main>\n      <article>\n        <header>\n          <h1>文章标题</h1>\n          <p>发布日期：<time datetime=\"2023-11-22\">2023 年 11 月 22 日</time></p>\n        </header>\n        <p>这是一篇使用 Nano.css 的文章示例...</p>\n        <div class=\"card\">\n          <h3>卡片标题</h3>\n          <p>卡片内容...</p>\n        </div>\n      </article>\n    </main>\n    <footer><p>© 2023 我的网站</p></footer>\n  </body>\n</html>\n```\n\n## 浏览器兼容性\n\nNano.css 支持所有现代浏览器，包括：\n\n- Chrome (最新版)\n- Firefox (最新版)\n- Safari (最新版)\n- Edge (最新版)\n\n对于旧版浏览器（如 IE11），建议使用 polyfill 提供兼容支持。\n\n## 贡献指南\n\n我们欢迎任何形式的贡献！如果您想改进 Nano.css：\n\n1. Fork 仓库\n2. 创建您的功能分支 (git checkout -b feature/AmazingFeature)\n3. 提交更改 (git commit -m 'Add some AmazingFeature')\n4. 推送到分支 (git push origin feature/AmazingFeature)\n5. 打开 Pull Request\n\n## 许可证\n\nNano.css 基于 MIT 许可证 开源，您可以自由地在个人和商业项目中使用它。\n","readmeFilename":"README.md"}