皮肤

一旦颜色和密度确定，事物是如何绘制的：角落、深度、线条。这些标记是主题的 `皮肤` 轴 - 默认皮肤就是这个页面所展示的，另一个皮肤是另一个文件设置相同的名称，下面没有更改。

圆角

无，然后四个步骤，每个是下面一个的两倍，然后是一个药丸。两个步骤之间的距离在比例尺上的任何位置都是相同的，这使得它可读。第一个步骤故意几乎不存在：这是一个平坦皮肤所希望的，当一个真正的直角看起来像未完成的。任何比最后一步更圆的形状都想成为一个圆，并且自己如此表述 - 圆不是一个皮肤决策。

--radius-0

--radius-1

--radius-2

--radius-3

--radius-4

--radius-pill

圆角角色

一个形状从不读取上面的比例尺：它读取它所扮演的角色，皮肤说这个角色得到哪个步骤 - 从不说一个步骤的价值，这会使比例尺同时意味着两件事。容纳某物的是一个框，无论它容纳文本、内容还是消息；分隔页面的两个区域的是两者都不是，并且不圆。将皮肤切换到 `软`，观察一个控制部分与其余部分分开：一个胶囊适合一个一行高的东西，对于一个文本区域则显得荒谬。

--radius-control

一行高，并被压缩

--radius-box

容纳某物

--radius-media

图片和图形

--radius-pill

被视为胶囊的东西

阴影

四个深度，从发丝提升到浮动面板。一个想要平坦世界的皮肤将所有四个设置为无，每个抬高的表面都跟随。

--shadow-1

--shadow-2

--shadow-3

--shadow-4

边框

线本身 - 宽度和样式。它的颜色不在这里：那属于颜色方案，颜色方案让皮肤在不知道它本应是什么颜色的情况下去除一条线。

--border-discreet

--border-default

--border-focus

--border-placeholder

分隔符和区域

告诉事物区分的两条线：在同一事物的两行之间，以及在页面的两个区域之间。二十多个形状读取第一个，这就是为什么它是一个标记而不是规则。

--border-separator — 一行中的一行

一行中的一行

--border-region — 页面的一个区域，如此加以边界