拐角半径

控件的圆角半径可以被覆盖。为此,请使用以下变量:

  • --g-border-radius-xs:3 px;
  • --g-border-radius-s:5 px;
  • --g-border-radius-m:6 px;
  • --g-border-radius-l:8 px;
  • --g-border-radius-xl:10 px;
  • --g-border-radius-2xl:16 px;

Corner radius

你可以覆盖 变量中的值

变量用于相应大小的控件中。如果您更改变量的值,则所有相同大小的控件的圆角半径将相应更改。受此变量影响的控件列在 Figma 库的品牌推广页面上。由于不同的控件具有不同的大小范围,因此控件组可能不匹配。例如,标签的大小不大于 L,因此该组件中不使用以--g-border-radius-l 开头的变量,也不会影响其外观。

Corner radius

复选按钮嵌套元素的圆角半径由标记确定,并使用公式 “标记值-3”(其中 3 是内部和外部元素之间的距离)计算。在当前版本中,你必须手动执行计算并将结果输入到以下标记中:

Corner radius

Corner radius

以前排版
下一步品牌推广