<p><strong>mini.css</strong> is one of the lightest front-end frameworks on the web: about 5KB gzipped. This helps your websites load faster, while still looking great!</p>
<p><strong>mini.css</strong> is built in such a way that it will look great on most devices and especially phones and tablets. This allows you to easily tailor your websites to different users!</p>
<p><strong>mini.css</strong> gives you the power of customization, using its fully moddable flavors. This will give you control over how your websites look and allow great designs to stand out!</p>
</div>
</div>
</div>
<divclass="row">
<divclass="col-xs">
<div>
<hr>
<p>Below you can see a showcase of the features and styles included in the <strong>default</strong> flavor of <strong>mini.css</strong>.</p>
</div>
</div>
</div>
<divclass="row">
<divclass="col-xs">
<div>
<h2>Typography <small>Style for common textual elements</small></h2>
<p>This is a paragraph with some sample text. Did you know <strong>mini.css</strong> v2.0 is codenamed <strong>Fermion</strong>? No? Well, now you do! Maybe you want to know what our inline elements look like. For example a <ahref="https://github.com/Chalarangelo/mini.css">link to the Github repository of mini.css</a> looks like that! Neat, right? Maybe you want to see some <code>inline code</code> or some sample <kbd>input</kbd>. Oh, also <small>small text</small> is cool, along with its siblings: the subscript<sub>hi!</sub> and the superscript<sup>hello!</sup>. We use <mark>highlights</mark> quite a lot as well. Apart from the primary color, you can also try the <markclass="secondary">secondary</mark> and <markclass="tertiary">tertiary</mark> colors. If you wanna be fancy, maybe use a <markclass="tag">tag</mark> or a <markclass="bubble">bubble</mark>. All of these work well inside headings and the like. To finish our typography tour, check out the preformatted code block below.</p><br>
<aclass="github-button"href="https://github.com/chalarangelo/mini.css"data-icon="octicon-eye"data-count-href="/chalarangelo/mini.css/watchers"data-count-api="/repos/chalarangelo/mini.css#subscribers_count"data-count-aria-label="# watchers on GitHub"aria-label="Watch chalarangelo/mini.css on GitHub">Watch</a>
<aclass="github-button"href="https://github.com/chalarangelo/mini.css"data-icon="octicon-star"data-count-href="/chalarangelo/mini.css/stargazers"data-count-api="/repos/chalarangelo/mini.css#stargazers_count"data-count-aria-label="# stargazers on GitHub"aria-label="Star chalarangelo/mini.css on GitHub">Star</a>
<aclass="github-button"href="https://github.com/chalarangelo/mini.css/fork"data-icon="octicon-repo-forked"data-count-href="/chalarangelo/mini.css/network"data-count-api="/repos/chalarangelo/mini.css#forks_count"data-count-aria-label="# forks on GitHub"aria-label="Fork chalarangelo/mini.css on GitHub">Fork</a>
<p><strong>v2.0</strong> is currently in development. The following page and any related links are going to be incomplete, buggy and/or unstable. But, if you are interested in seeing what it will look like, have a peek!</p>
<p>This is some text with <small>small text</small>, superscript<sup>12</sup> and subscript<sub>4</sub>. Oh, I am a <mark>primary mark</mark> and I am a <markclass="secondary">secondary mark</mark> and I am a <markclass="tertiary">tertiary mark</mark>.</p>
<p>Tag marks are like this: <markclass="tag">primary mark</mark>, <markclass="tag secondary">secondary mark</mark>, <markclass="tag tertiary">tertiary mark</mark>.</p>
<p>Bubble marks are like this: <markclass="bubble">primary mark</mark>, <markclass="bubble secondary">secondary mark</mark>, <markclass="bubble tertiary">tertiary mark</mark>.</p>
<buttononclick="document.getElementById('test-prog').setAttribute('value',parseInt(document.getElementById('test-prog').getAttribute('value'))+5);">Click me to advance progress bar</button>
<divclass="box-row">col-xs: The first JavaScript engine. Coffeescript is a JavaScript program could then interrogate and manipulate to dynamically generate Web pages. The name is by far the most common host environment. JavaScript programmers. Facebook for building user interfaces. </div>
<divclass="box-row">col-xs: I/O, such as Self and Scheme. Javascript NoSQL database. AngularJS, and Node. ECMAScript 3 compliant. Coffeescript is a package manager for front-end dependencies. JSX is an assertion library used with a JavaScript checker and optimizer. PhantomJS is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words. ECMAScript ES is the standardized specification of the desired DOM is a software design pattern used to speed up the setup and installation process of a function that gets called immediately after declaration Jasmine is a JavaScript web framework that allows rapid prototypic web development. LocalForage is a structural framework for dynamic web apps. ECMAScript language specification. JavaScript ecosystem in a user's browser rather than on a Web form to make it happen. The name is by analogy to an architectural facade. ES is the only language that the *revealing module pattern* was engineered as a way to ensure that all methods and variables are kept private until they are explicitly exposed. SJSJ is a generator builder to speed up consecutive function calls by caching the result of calls with identical input.</div>
