U.S. Web Design Standards (USWDS)


This project is not covered by Drupal’s security advisory policy.

USWDS splash
Screenshot of homepage of brand new site in USWDS theme

Drupal integration of the U.S. Web Design Standards library.

This base theme focuses on tweaking Drupal's markup so that it will work with the USWDS library. Some CSS is added to deal with unavoidable Drupal quirks, but only as a last resort.

Subtheming

As with most Drupal themes, it's recommended that your active theme be a subtheme of this one, to make updates easier. Simply copy out the /examples/my_subtheme folder to get started, following the directions in /examples/my_subtheme/README.md.

Customizing

The theme makes no assumptions about how you would like to add site-specific CSS. You can either:

1. Use the pre-compiled USWDS library

If you would like to use the pre-compiled USWDS library, download the zip file, extract and rename the folder to "assets", and place it in your theme folder. Afterwards, this should be a valid path inside your subtheme folder: `assets/css/uswds.css`

2. Use npm to include the USWDS Sass source files

The library's source can be installed directly in the subtheme directory by running `npm install` in that location. After doing this, you can set up your assets by copying them from node_modules/uswds/dist, and then running a basic npm script to compile the CSS. The commands to do all of this are:

  • npm install
  • cp -r node_modules/uswds/dist assets
  • npm run scss

Or if you have a preferred front-end workflow you can adjust the package.json file accordingly.

Configuration

After installation, see the theme settings inside Drupal for various customizations, like configuring the header, footer, and menus.

Notes

Note: This code was originally forked from this repository, and was split off at 18F's suggestion.


U.S. Web Design Standards (USWDS)项目的Drush安装命令:复制到剪贴板

注:个别模块仍需开启相关子模块。

项目分类:

周安装量: 
23
维护状态: 
积极维护中
开发状态: 
积极开发中

其他版本下载:

版本下载地址发布日期发布说明翻译下载
8.x-1.0-alpha1tar.gz (87.92 KB) | zip (109.46 KB)2017年6月13日发布说明简 | 繁 | 更多
7.x-1.0-alpha1tar.gz (106.98 KB) | zip (125.9 KB)2017年6月13日发布说明简 | 繁 | 更多

开发版本下载:

版本下载地址发布日期发布说明翻译下载
8.x-1.x-devtar.gz (88.02 KB) | zip (109.57 KB)2017年6月19日发布说明简 | 繁 | 更多
7.x-1.x-devtar.gz (106.68 KB) | zip (126.01 KB)2017年6月19日发布说明简 | 繁 | 更多