Forms

Cascade framework normalises form elements without forcing you into a specific layout.
Cells embedded into a form element nevertheless have a smaller margin, allowing you to use the framework's grid system to build a simple responsive form with the same ease as building your overall design as shown in the example below.

Buttons

Cascade framework provides a normalised look for buttons. Regardless of which HTML tag you use, your buttons should look the same. The example below shows a button made from a button element, a div element, an a element, an input element and a span element.

Add Item
Add Item Add Item

Button sets

Button sets group buttons into a cohesive whole. The example below shows two button sets side by side, which is a common layout for menu bars.

1
2
3
4
5
6
7
8

Buttons with icons

The example below illustrates how buttons can be combined with icons. Cascade Framework is packed with FontAwesome, which is a webfont released with the Open Font Lisense, granting you the same liberties as the rest of the framework. In line with the philosophy behind the framework, these icons are cross-browser and support old IE up to IE6 through the use of CSS expressions.

Reload