[ KAWWA PORTAL ] Components : Notes

Editorial

Notes

Class name: (k-notes)
Version: 1.0

Notes will allow you to highlight important text.

Demo
Snippets

This is an example of a note...

You may use this block to highlight important content.

HTML5 Plain Code

COPY

```
<div class="k-notes">
```
```
	<p>This is an example of a note...</p>
```

	<p>You may use this block to highlight important content.</p>

```
</div>
```

CSS Code

COPY

```
div.k-notes {
```
```
	clear: both;
```
```
	color: #000;
```
```
	background: #E4E4E4;
```
```
	padding: 1.5rem 2rem;
```
```
	margin-bottom: 4em;
```
```
}
```

	div.k-notes p {max-width: 40em; line-height: 1.5;}

```
	div.k-notes p + p {margin-top: 0.8em;}
```
```
	div.k-notes ul {margin: 1rem 2rem;}
```
```
	p + div.k-notes {margin-top: 1em;}
```

		div.k-article div.k-notes p {margin: 0.18em 0; text-indent: 0;}

IE Backward Compatibility

In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:

List of Components

: jQuery Interactive Feature
: Tapestry integration
: AngularJS Feature

Navigation

Forms

Tables

Dynamic Table

Blocks

Site Utilities

Editorial

eCommerce