# @contentful/forma-36-fcss 中文文档

规范地址：https://npmcn.com/package/%40contentful/forma-36-fcss/

版本：0\.3\.5
npm 元数据更新时间：2026-05-28T10:27:12.691Z
中文译文更新时间：2026-11-10T16:37:46.396Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40contentful/forma-36-fcss
原文对照：https://npmcn.com/package/%40contentful/forma-36-fcss/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：29.2 kB，5 个文件
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2018-12-04T14:23:29.577Z
- 最新版本发布：2022-03-03T10:52:18.041Z
- 近 30 天下载量：62269（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：279（近 12 个月 0 个）

## 中文简介

论坛36

## 安装

```sh
npm install @contentful/forma-36-fcss
```

也可以使用：`pnpm add @contentful/forma-36-fcss`、`yarn add @contentful/forma-36-fcss`、`bun add @contentful/forma-36-fcss`

## README

# 论坛36

Forma 36 FCSS - 用于应用间距,颜色,打字,阴影和向元素过渡的通用 CSS 类.

## 开始

### 将软件包安装到您的工程

```bash
yarn add @contentful/forma-36-fcss
```

或国家防范机制

```bash
npm i @contentful/forma-36-fcss
```

将样式.cs文件导入到您的样式表 .

```
@import '@contentful/forma-36-fcss/dist/styles.css'
```

## 命名公约

类名由前缀(如.f36-),属性(如比值-下方)和尺度或修饰符(-xs)组成. 参见下面所有类名列表

### 间距

**边距**

```
margin-top
margin-bottom
margin-right
margin-left
margin
margin-horizontal
margin-vertical

Scale:
xs, s, m, l, xl, 2xl, 3xl, 4xl

Class name composition example:

 .f36-margin-top--xs
```

**铺垫**

```
padding-top
padding-bottom
padding-right
padding-left
padding
padding-horizontal
padding-vertical

Scale:
xs, s, m, l, xl, 2xl, 3xl, 4xl

Class name composition example:

 .f36-padding-top--xs
```

### 类型

**字体家庭**

```
.f36-font-family--sans-serif
.f36-font-family--monospace
```

**字体缩放**

```
font-size

Scale:
s, m, l, xl, 2xl, 3xl

Class name composition example:

 .f36-font-size--s
```

**重量**

```
font-weight

Scale:
normal, medium, demi-bold

Class name composition example:

.f36-font-weight--normal
```

**线高**

```
line-height

Scale:
default, condensed

Classname composition example:

.f36-line-height--default
```

### 颜色

**文本颜色和背景**

语义颜色 :

| 颜色 | 背景情况 |
| --- | :-- |
| .f36 - 颜色 - 主要, | .f36-背景-颜色-主 |
| .f36-色-阳性 | .f36-背景-颜色-阳性 |
| .f36-颜色-阴性 | .f36-背景-颜色-阴性 |
| .f36-颜色-警告 | .f36 背景颜色警告 |

文本颜色 :

| 颜色 |
| --- |
| .f36 -- -- 颜色 -- -- 文本 -- -- 暗色 |
| .f36-彩色文本中间 |
| .f36-color-text-光线 |
| .f36-颜色-文本最亮 |

元素颜色

| 颜色 | 背景情况 |
| --- | :-- |
| .f36-彩色-元素-最暗处 | .f36-背景-颜色-元素-暗地 |
| .f36-彩色-元素-暗色 | .f36 背面- 颜色- 元素- 暗色 |
| .f36 -- -- 彩 -- -- 元素 -- -- 中 | .f36-背景-颜色-元素-中间 |
| .f36-颜色-元素-光 | .f36-背景-颜色-元素-光 |
| .f36-彩-元素-最轻 | .f36-背景-颜色-元素-最轻 |

相交颜色

| 颜色 | 背景情况 |
| --- | :-- |
| .f36-彩-相接-暗色 | .f36-背景-颜色-相接-暗色 |
| .f36-彩-相接-中间 | .f36-背景-彩-相接-中 |
| .f36-彩色相接光线 | .f36-背景-彩-相接-光 |

颜色 :

| 颜色 | 背景情况 |
| --- | :-- |
| .f36-颜色-蓝色 | .f36-背景-颜色-蓝色 |
| .f36-颜色-绿色 | .f36 背景- 颜色- 绿色 |
| .f36-彩-红色 | .f36-背景-颜色-红色 |
| .f36-颜色-橙色 | .f36-背景-颜色-橙色 |
| .f36-彩色-摄氏度 | .f36 背景- 颜色- 曲线 |

次要颜色 :

| 颜色 | 背景情况 |
| --- | :-- |
| .f36-彩色-薄荷 | .f36 背景- 颜色- 薄荷 |
| .f36-颜色-冰 | .f36-背景-颜色-冰 |

白色 :

| 颜色 | 背景情况 |
| --- | :-- |
| .f36 -- -- 颜色 -- -- 白色 | .f36 背景颜色-白色 |

## 阴影

```
box-shadow

Scale:
default, heavy

Class name composition example:

.f36-box-shadow--default
```

### 发光

```
box-shadow

Scale:
primary, negative, positive

Class name composition example:

.f36-glow--primary
```

## 过渡

```
transition-duration

Scale:
short, default, long

Class name composition example:

.f36-transition-duration--short
```

### 缓解

```
transition-easing

Scale:
default, cubic-bezier

Class name composition example:

.f36-transition-easing--default
```

## 常见问题

### @contentful/forma-36-fcss 是什么？

论坛36

### 如何安装 @contentful/forma-36-fcss？

在项目目录运行 npm install @contentful/forma-36-fcss，或使用 pnpm add / yarn add / bun add。

### @contentful/forma-36-fcss 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/contentful\_\_forma-36-fcss 是否存在。

### @contentful/forma-36-fcss 可以商用吗？

@contentful/forma-36-fcss 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @contentful/forma-36-fcss 的下载量有多少？

根据 npm 官方下载统计，@contentful/forma-36-fcss 在 2026/10/11 – 2026/11/09 这 30 天内被下载 62,269 次，日均约 2,076 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @contentful/forma-36-fcss 还在维护吗？

最新版本 0\.3\.5 发布于 2022/03/03（4 年前）；至今共发布 279 个版本，其中过去 12 个月发布了 0 个；首次发布于 2018/12/04。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。