Input Control
The input_control module contains rules that affect forms, input elements, buttons, checkboxes and radio buttons. All of these elements's styles are predefined, allowing you to create modern, responsive forms quickly. Layout alternatives are also provided if you want your forms to look a certain way.
All examples showcased refer to the mini-default flavor, some class names and styles might differ based on the flavor you're using.
Quick overview
Quick start
To use the input_control module, simply include the link to the flavor you are using and start writing your HTML page as usual. One suggestion we will make is to add the following line inside your HTML page's <head> to utilize the viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1">
Forms & input
Sample code
Notes
Do:
Don't:
Checkboxes & radio buttons
Sample code
Notes
Do:
Don't:
Buttons & button groups
Sample code
Notes
Do:
Don't:
File upload buttons
Sample code
Notes
Do:
Don't:
If you want to learn more about mini.css's modules, go back to the modules page and choose another module to see its documentation.