通过
搜索
搜索su-sws / decanter
斯坦福设计系统，使用Tailwind构建
7.3.0
2024-04-19 17:28 UTC
- dev-main
- 7.3.0
- 7.2.0
- 7.1.2
- 7.1.1
- 7.1.0
- 7.0.0
- 7.0.0-rc.4
- 7.0.0-rc.3
- 7.0.0-rc.2
- 7.0.0-rc.1
- 7.0.0-rc.0
- 7.0.0-beta.2
- 7.0.0-beta.1
- 7.0.0-beta.0
- 7.0.0-alpha.7
- 7.0.0-alpha.6
- 7.0.0-alpha.5
- 7.0.0-alpha.3
- 7.0.0-alpha.2
- 7.0.0-alpha.1
- v6.x-dev
- 6.3.3
- 6.3.2
- 6.3.1
- 6.3.0
- 6.2.19
- 6.2.18
- 6.2.17
- 6.2.16
- 6.2.15
- 6.2.14
- 6.2.13
- 6.2.12
- 6.2.11
- 6.2.10
- 6.2.9
- 6.2.8
- 6.2.7
- 6.2.6
- 6.2.5
- 6.2.4
- 6.2.3
- 6.2.2
- 6.2.1
- 6.2.0
- 6.1.3
- 6.1.2
- 6.1.1
- 6.1.0
- 6.0.6
- 6.0.5
- 6.0.4
- 6.0.3
- 6.0.2
- 6.0.1
- 6.0.0
- 6.0.0-alpha.1
- v5.x-dev
- 5.2.0
- 5.1.0
- 5.0.1
- 5.0.0
- dev-dependabot/npm_and_yarn/follow-redirects-1.15.6
- dev-D8CORE-7111--add-social-icons
- dev-D8CORE-4365--image-aspect-ratio
- dev-form-prep
This package is auto-updated.
Last update: 2024-09-19 18:22:08 UTC
README
版本: 7
变更日志: CHANGELOG.md
演示
要查看Decanter v7元素的实时演示，请查看v7演示网站。有关版本7的更多文档，请访问https://decanter.stanford.edu
描述
Decanter是斯坦福大学的网页设计和开发系统。它包括一个响应式布局系统，以及一个可浏览的设计模式集合，可用于任何斯坦福项目。对于Decanter v7，我们不是使用遵循BEM命名约定的SASS/SCSS，而是使用Tailwind CSS来生成需要为我们的斯坦福设计系统进行一些定制的实用类。
资源
在Decanter v7中，我们从仓库中删除了所有资源。相反，我们使用远程第三方资源来获取我们的字体和图标。
字体
- Decanter v7中不包括任何字体资源。如果您想在您的项目中使用Decanter字体，建议您使用针对您的框架优化的字体加载方法，并且只导入您需要的字体。
- 我们提供了两个字体CSS文件，您可以将其导入到自己的项目中，以便从我们这里获取最新的更新。
font.css包括在Decanter设计系统中引用的所有字体（无衬线字体、衬线字体、粗体字、等宽字体、用于标志的斯坦福连字符字体）。font-basic.css仅包括必要的无衬线字体、衬线字体和斯坦福连字符字体。 - 对于Source Sans 3、Source Serif 4、Roboto Slab、Roboto Mono，我们使用来自Google Fonts的
@import方法。 - 我们用于标志的斯坦福连字符字体是从大学通讯媒体CDN链接的。
图标
- 我们在Decanter v7中完全移除了FontAwesome（依赖项和资源）。对于那些希望继续使用FontAwesome的用户，请自由地这样做，并使用适合您自己项目的适当方法包含它们。
- 我们建议使用heroicons包，因为Hero Icons是由Tailwind CSS团队创建的开源图标。它们可以作为SVG或JSX元素包含。
无障碍性
该项目符合大学无障碍政策要求的标准AA WCAG 2.0。有关政策的更多信息，请访问：https://ucomm.stanford.edu/policies/accessibility-policy.html。