Typography
Ibiss UI CSS is based on a 62.5% of the default font-size. This translates to 0.1rem equals to 1px.
There are also corresponding classnames, so you can keep semantic headers like h2 but make them look like a h1.
Example
Class
Code
<h1>Header 1</h1>
h1
<h1>Header 1</h1>
<h2>Header 2</h2>
h2
<h2>Header 2</h2>
<h3>Header 3</h3>
h3
<h3>Header 3</h3>
<h4>Header 4</h4>
h4
<h4>Header 4</h4>
<h5>Header 5</h5>
h5
<h5>Header 5</h5>
<h6>Header 6</h6>
h6
<h6>Header 6</h6>
Label label
<label>Label</label>
Small small
<small>Small</small>
<p>Normal text in a paragraph</p>
paragraph
<p>Normal text in a paragraph</p>
Abbrev.
<abbr title="abbreviation">Abbrev.</abbr>
Strong and Bold font-weight-bold
<strong>Strong</strong> <b>Bold<b>
italic , emphasis and cite italic
<i>Italic</i> <em>Emphasis</em> <cite>Cite</cite>
Deleted, Strike and Strike
<del>Deleted</del> <strike>Strike</strike> <s>Strike</s>
Inserted and Underline
<ins>Inserted</ins> <ins><u>Underline</u>
Keyboard , Code and Sample code
<kbd>Keyboard</kbd> <code>Code<code> <samp>Sample</samp>
Marked
<mark>Marked</mark>
Text supertext
<sup>supertext</sup>
Text subtext
<sub>subtext</sub>
Other classes and examples
Example
Class
Code
<h1 class="font-weight-semibold">Header semibold</h1>
font-weight-semibold
<h1 class="font-weight-semibold">Header semibold</>
<h1 class="font-weight-normal">Header normal</h1>
font-weight-normal
<h1 class="font-weight-normal">Header normal</h1>
Span with bold text font-weight-bold
<span class="font-weight-bold">Span with bold text</span>
<h6 class="h1 font-weight-bold">h6 with h1 and font-weight-bold class</h6>
<h6 class="h1 font-weight-bold">h6 with h1 and font-weight-bold class</h6>