Mine Basics

Mine is based on Min, Normalize.css and Colors. This doc/demo comes from Min with a few changes.

Min's minimalism has several advantages. Firstly, it doesn't prescribe a specific design for you. Each element has just a handful of CSS rules applied to it, and as a result overriding default styles is extremely easy. Min being only 995 bytes (NB "Mine" is more than that) means that there's less of it to get in your way when you want to customize your site. Contrast this with Bootstrap, where you may have to override many different rules to get what you want.

Secondly, there's less markup to type. Min requires fewer superfluous divs and classes than any other framework, allowing every part of your code to be readable and semantically correct.

Min is also extremely flexible: you can apply the btn class to any element - a link, a <button>, a div - anything. The same goes for any of the column sizes, any of the button coloration styles, and many more classes in plugins. You can apply the smooth class to anything to give it a 200ms transition.

Forms

<input type="text" class="smooth">
				
<textarea rows="3" class="smooth">
				
<span class="addon">$</span><input type="text" class="smooth">

... </span> <input ...

... </span><input ...

Tables

<table class="table">
	<thead>
		<tr>
			<th>#</th>
			<th>Widgets Sold</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>5</td>
		</tr>
		<tr>
			<td>2</td>
			<td>10</td>
		</tr>
		<tr>
			<td>3</td>
			<td>500</td>
		</tr>
	</tbody>
</table>