Maui9 - CompanyCore - Beta

Category: Modules
Subcategory: All

Overview

The Maui9 framework makes it possible to style your application using the utility class framework principles, developed from years of experience styling and maintaining multiple enterprise level design systems.

see documentation for more information:

https://docs.google.com/document/d/1MOCHnLxgsMqORgkL6smEKWzYR1cY4ziKxDgiIBcghqQ/edit?usp=sharing

Documentation

https://youtu.be/P4_NLkxzciI
Demo urlhttp://www.bingethis.nl

 

Company Module

Extracted from the Maui9 Documentation:

https://docs.google.com/document/d/1MOCHnLxgsMqORgkL6smEKWzYR1cY4ziKxDgiIBcghqQ/edit#bookmark=id.vdqheqh9szi
 

What is in it for you? (problem this solves, description, features)

This is where the real magic happens.

All the other modules simply support this module.

This is where all your brand differences live.

 

How to Use.

The first thing is to put your own main colours in the variable sheet.

From here, go into the exclusion variables sheet, and look at the variables that are turned off.

From here, depending on your own governance rules, I would probably go into the custom module, and start creating variants of the items you need styled differently.

Once they have been validated, place them in the Company module, so others are also able to use them.

 

All the Classes

Icons

For detailed information on icons, read this:

https://medium.com/p/426936a533ee

 

Alignment classes

For detailed information on alignment classes, read this:

https://medium.com/mendix/visual-alignment-in-mendix-badafe42dbc0.

 

Padding

 

Layouts

 

Releases

Version: 1.0.2
Framework Version: 9.12.1
Release Notes: added company core modifiers to utility class framework, these can be selected by adding the following to the main.scss in your companycore. // You can turn on special utility class files as a starting point, or copy the content and edit it in the company core. @import '../../mauiutilityclasses/web/cc-sidenav';
Version: 1.0.0
Framework Version: 9.12.1
Release Notes: new variable mapping