Skip to content
Russell Hite edited this page Jun 29, 2017 · 8 revisions

Mendix User Interface(UI) Framework

The goal of this wiki is to provide thorough documentation of both default theme included in all projects and Theme packet downloaded from the app store. Create an understanding of how it is structured, how to edit the files and a breakdown of what the css in each file covers.

Sass vs Css

We use Sass (Syntactically Awesome Style Sheets) for our framework. Sass is what is know as a pre-processor for css. This allows us to break the css into more readable digestible chunks. Don't worry if you've never heard of sass it works just like css with a few extra features:

  • partials
  • imports
  • variables
  • nesting
  • mixins

You learn up everything you need to know about Sass at Sass-lang.com.

Bootstrap

The UI framework is built on top of the front end framework called Bootstrap. In fact we import bootstrap css on every project. So you can use any bootstrap class on your project. Learn more about Bootstrap classes here.

Clone this wiki locally