ComboStrap UI Styling
Table of Contents
1 - About
Styling in ComboStrap is the possibility to render every component as you wish.
ComboStrap has three levels of styling:
- the bootstrap stylesheet level - bootstrap standard theme
- the user stylesheet level - a stylesheet with custom rule to tune the styling precisely
- the attribute level - inline css customization
2 - Articles Related
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.
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.
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:
- and style
for advanced styling