Documentation

Learn how to use all of great features that Concise provides.

Emphasis

Small

The <small> tag and .small class can both be used to shrink text to a font size of 12 pixels. Note that heading elements receive their own font size for nested small elements.

You can change the $small-size variable in the /helpers/_variables.scss file to adjust the small font size.

Preview
This is a sentence of small text.
Code 
<small>This is a sentence of small text.</small>

Extra Small

The .micro class can be used to shrink text to a font size of 10 pixels.

You can change the $micro-size variable in the /helpers/_variables.scss file to adjust the micro font size.

Preview

This is a sentence of micro text.

Code 
<p class="micro">This is a sentence of micro text.</p>

Italics

The <em> tag is used for emphasizing text with italics.

Preview

This is a sentence with some italics in it.

Code 
This is a sentence with <em>some italics</em> in it.

The <i> tag also can be used for emphasizing text in an italic manner, although it is not recommended as <em> should be used. However, the <i> tag can still be used to define text in an alternative voice or mood.

Bold

The <strong> tag is used for emphasizing text with a heavier font-weight.

Preview

This is a sentence with bold text in it.

Code 
This is a sentence with <strong>bold text</strong> in it.

The <b> tag also can be used for emphasizing text in a bold manner, although it is not recommended as <strong> should be used. should be used. Per the HTML5 specification, the <b> tag should be used as a last resort for formatting text as most HTML5 tags cover its potential uses.