Pico CSS 用于语义HTML的最小CSS框架

Pico CSS 最小化和轻量级的入门套件，优先考虑语义语法，使每个HTML元素在默认情况下都响应灵敏且优雅。

用于语义HTML

一个极简主义和轻量级的入门套件，优先考虑语义语法，使每个HTML元素在默认情况下都响应灵敏且优雅。

编写HTML，添加Pico-CSS和Voilà！

Pico CSS v2有什么新功能？

Pico v2.0具有更好的可访问性，更容易使用SASS进行定制，一个完整的调色板，一个新的组组件，以及20个预编译的颜色主题，总计超过100种可通过CDN访问的组合。

所容纳之物

全新外观和感觉

更容易定制

调色板

更好的断点

组组件

条件样式

版本选择器

正在中断更改

全新外观和感觉

所有颜色都经过了仔细和手动的重新定义，以获得更具对比度、中性（不那么蓝）的外观和感觉。

默认的颜色主题更容易访问。现在，大多数颜色都遵循WCAG 2.1 AAA标准，一些次要静音颜色遵循WCAG 2.1AA标准。

焦点状态得到了改善，以获得更多的一致性和对比度，间距也得到了减少，以获得更时尚、更中性的风格。

更容易定制#
我们已经重构了所有.scs文件，使您更容易使用SASS编译Pico版本。现在可以使用@use启用或禁用所有模块。

我们添加了更多的CSS变量，现在总计超过130个，以轻松创建独特的外观，增强设计灵活性。

调色板#
Pico v2配备380种手工制作的颜色，可帮助您个性化品牌设计系统。颜色可以导入到任何.scsfile中，并提供了一个包含所有颜色实用程序的新样式表。

更好的断点#
我们已经更新了断点以遵循标准设备的宽度，并为更大的屏幕添加了一个新的断点。

组组件#
使用group（role=“group”），您现在可以水平堆叠表单元素和按钮。

条件样式#
条件样式是一个强大的功能，允许您通过将元素包装在.pico容器中来选择性地应用样式，这非常适合混合样式环境。此方法将样式设置限制在指定的部分，因此对于无缝组合多个样式表或组件特别有用。

版本选择器#
使用版本选择器，它提供20个预编译的颜色主题，可通过CDN访问所有Pico版本。组合总数超过100个。