18F/web-design-standards

View on GitHub
packages/uswds-utilities/src/styles/rules/font-feature.scss

Summary

Maintainability
Test Coverage
/*
========================================
font-feature-settings
----------------------------------------
usage:
  .text-[key]
----------------------------------------
output:
  font-feature-settings: [value];
----------------------------------------
example:
  .text-tabular {
    font-feature-settings:
      'tnum' 1, 'kern' 1;
  }
----------------------------------------
*/

@use "uswds-core/src/styles/settings" as *;
@use "uswds-core/src/styles/functions" as *;
@use "../functions/" as *;

$u-font-feature: (
  font-feature: (
    base: "text",
    modifiers: null,
    values:
      map-collect(
        get-palettes($font-feature-palettes),
        $font-feature-manual-values
      ),
    settings: $font-feature-settings-complete,
    property: "font-feature-settings",
    type: "utility",
  ),
);