-
Notifications
You must be signed in to change notification settings - Fork 4
Basic Elements
Benedikt Schulze Baek edited this page Jan 23, 2017
·
11 revisions
chayns® provides a lot of different elements that have a uniform style. Most elements will be highlighted by discrete colors, that adjust to the current color scheme. Here you can find information to our headline styles and list styles.
The main Tapp headline. The headline is colored in the color scheme and represents the biggest font-size in chayns design.
<h1>Sample</h1>The sub-headline is used to divide your Tapp into different areas.
<h2>Sample</h2>The small sub-headline is used to divide your text into different paragraphs.
<h3>Sample</h3>A footer is used to give additional information for content in your Tapp (e.g. a upload date below a picture).
<h4>Sample</h4>An unordered list with black squares infront of each list item.
<ul class="list list--square">
<li>Sample 1</li>
<li>Sample 2</li>
</ul>An ordered list with numbers infront of each list item.
<ol class="list">
<li>Sample 1</li>
<li>Sample 2</li>
</ol><!-- To get started, load the chayns API styles and JavaScript from the CDN -->
<!-- css styles -->
<script src="https://api.chayns-static.space/css/v4/compatibility/compatibility.min.js" version="4.2"></script>
<!-- js api -->
<script src="https://api.chayns-static.space/js/v4.0/chayns.min.js"></script>