Semantic-UI:包含所有主题变量的Cheatsheet

时间:2016-10-06 10:34:17

标签: variables themes semantic-ui theming

正如您在http://semantic-ui.com/usage/theming.html所看到的,每个元素,集合,模块等都有预定义变量(例如button.variables:https://github.com/Semantic-Org/Semantic-UI/blob/master/src/themes/amazon/elements/button.variables)。

不幸的是,我找不到每个元素,模块,集合等所有可能的变量。是否有像Cheatsheet这样的东西,包含Semantic-UI的所有可能的主题变量?

1 个答案:

答案 0 :(得分:2)

您实际需要的是在src文件夹下标记为定义。

https://github.com/Semantic-Org/Semantic-UI-Meteor-Data/tree/master/lib/semantic-ui/src/definitions

以下是一个示例:https://github.com/Semantic-Org/Semantic-UI-Meteor-Data/blob/master/lib/semantic-ui/src/definitions/globals/site.import.less

您只能为每个标记更改一些变量,例如body:

body {
  margin: 0px;
  padding: 0px;
  overflow-x: @pageOverflowX;
  min-width: @pageMinWidth;
  background: @pageBackground;
  font-family: @pageFont;
  font-size: @fontSize;
  line-height: @lineHeight;
  color: @textColor;
  font-smoothing: @fontSmoothing;
}

希望这会帮助你!

贝斯茨!