ComboStrap UI Styling

1 - About

Styling in ComboStrap is the possibility to render every component as you wish.

ComboStrap has three levels of styling:

3 - Levels

3.1 - Bootstrap Stylesheet

ComboStrap is based on Bootstrap and comes with pre-packaged stylesheets. You can even create and install your own bootstrap stylesheet.

Strap Styling - StyleSheet

3.2 - User Stylesheet

This functionality gives the possibility to the web designer to create their own CSS rules in a custom stylesheet in order to tune the theme exactly to their needs.

More see Styling - User stylesheet (userstyle.css)

3.3 - Attributes

3.3.1 - Standard

The standard attributes are:

  • Dimension (Width and height) - Take control of the space
  • Align - Align your component and their text as you wish
  • Spacing - Master your layout at the pixel-perfect details
  • Color - Text, Border and Background color made easy with name and declarative gradient
  • Skin - Apply a skin to control the emphasis level of your components
  • Elevation - Add a shadow and elevate your component

For the Geek

Standard attributes are all transformed into CSS rules.

3.3.2 - Advanced

Every component is a html superset and you can therefore use the HTML attributes:

for advanced styling

Powered by ComboStrap