问题标签 [uswds]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

3 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
140 浏览

sass - Angular CLI - 缺少 SASS 导入

我正在开发一个使用美国网页设计标准框架的项目，并且我已将所有SASS文件导入到我的main.scss文件中：

但是我注意到当我运行本地服务器时缺少一些网格样式。就像测试一样，我通过终端进行了 sass 编译，并且能够找到相关的网格样式。如果需要，我可以提供更多信息。

版本

重现步骤

我的示例回购

  1. npm install
  2. npm start

观察到的行为

屏幕截图 2017-12-07 在 08 59 40

A tagline highlights your approach请注意与下面的所需行为相比，副本的对齐方式。

期望的行为

我希望该页面看起来像USWDS 文档中的页面。

屏幕截图 2017-12-07 在 11 23 03

0 投票
1 回答
153 浏览

angular - 共享 UI 组件

我正在为我的团队创建一个可共享的 UI 组件的项目。该项目是使用Angular CLI并且正在使用 USWDS 框架构建的。

到目前为止，我已经成功地在npm package私有 npm 存储库上创建了一个自定义，并通过我们的package.json. 这npm package被认为是一个核心包（所有项目团队都需要），其中包括USWDS （peer dependencies以及 USWDS 的相关依赖项，如基于标准 USWDS 标头）。bourbonbourbon-neatscsscore

我遇到的问题与我的header.component.html. 我当前使用的路径是./assets/uswds/img/close.svg，当标头是主项目的一部分时，它可以工作。这些图像位于node_modulesUSWDS 包的目录中，这将使它成为我的自定义包的兄弟。此外，图像目录已添加到 中，angular-cli.json因此当我们运行时图像可用ng serve。

我将如何更新文件路径以使其正确显示？

0 投票
1 回答
45 浏览

css - USWDS - 如何将表单标签对齐到输入的左侧？

我在我正在处理的项目中使用 美国网页设计系统（USWDS） ，我正在努力解决表面上看起来应该很简单的事情：如何对齐表单标签，使它们出现在左侧他们相应的输入，而不是在他们之上？

其他一些 CSS 库将其称为水平表单，但我也看到它被称为“内联”字段。

根据这个答案，可以使用现代 CSS Grid 布局来实现我想要的结果，但到目前为止，我还没有弄清楚如何让它与不使用 CSS Grid的 USWDS 样式很好地配合。

任何人都可以帮助我：

  • 使用 USWDS 组件和实用程序类的某种组合创建一个水平表单，或者如果这不切实际...
  • 通过使用自定义 CSS 覆盖 USWDS 样式来生成水平表单，但不会造成太多冲突或违反标准？

下面是我的 HTML 的简化片段：


12345678910