从右到左支持

默认字体大小设置为浏览器样式表的 100%，通常为 16 像素。这确保了与基于浏览器的文本缩放或用户设置的默认值的兼容性。如果您使用的是 Sass 版本的 Foundation，请编辑 $global-font-size 变量来更改基本字体大小。这可以是百分比值或像素值。

颜色

Foundation 拥有可访问的默认调色板。主要颜色用于交互式元素，例如链接和按钮。次要颜色、成功颜色、警告颜色和警报颜色用于为 UI 元素和操作提供更多上下文。

主要

如果您使用的是 Sass 版本的 Foundation，您可以通过编辑设置文件中的变量轻松地更改调色板。

语义颜色（主要、次要、成功、警告和警报）可以在 $foundation-palette 映射中更改。此映射中的键由各种设置引用，以设置组件样式和输出备用类名。

如果从 `$foundation-palette` 中删除默认键，请确保编辑设置文件中引用该颜色的任何变量。

$foundation-palette: (
  "primary": #1779ba,
  "secondary": #767676,
  "success": #3adb76,
  "warning": #ffae00,
  "alert": #cc4b37,
);

设置文件中的 @include add-foundation-colors; 行允许您使用以下 Sass 变量从调色板中引用*默认颜色*

$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;

$primary-color

• $secondary-color
• $success-color
• $warning-color
• $alert-color
• 您还可以使用 Foundation 的 get-color() 函数从调色板中引用*任何颜色*。此函数允许您访问已添加到调色板中的自定义颜色。

Sass 参考

// Create a variable for my custom color.
$custom-color: get-color(custom);