SemanticUI SemanticUI - 1 month ago 20
Sass (Sass) Question

Semantic-UI SASS workflow

I'm new in Semantic-UI. In Foundation 6 to work with SASS you edit _settngs.scss to customize. What is the equivalent LESS file in Semantic-UI?

Answer

http://semantic-ui.com/usage/theming.html

To make changes you need to alter any of the appropriate files in the following directory.

/semantic/src/site

For instance, we changed the global font size and color of red by altering

/semantic/src/site/globals/site.variables

and adding

@emSize: 16px;
@red: #F44336;

You'll have to rebuild your .less files obviously once you make the changes.