Advanced Customization

Jump to bottom

zack Frazier edited this page Feb 8, 2018 · 12 revisions

The Fundamental UI SASS source is provided so teams can take full advantage of the CSS toolkit used to build the library.

You can:

Modify globals like breakpoints, spacing, type, and colors
Override specific component styles
Access useful functions and mixins
Generate helper classes from your theme modifications

SCSS src

First, install the NPM package. npm install fundamental-ui --save

Instead of using the compiled, full library, import specific SASS files into your custom file.

@import "../../node_modules/fundamental-ui/scss/theme/techne";
@import "../../node_modules/fundamental-ui/scss/core";
@import "../../node_modules/fundamental-ui/scss/helpers";

Theme