Update Notice sandbox to use correct classes. (#11869)

This commit is contained in:
CJ Cenizal 2017-05-17 11:16:10 -07:00
parent 4da3357a91
commit d8976cebca

View file

@ -7,21 +7,19 @@
style="background-color: pink"
>
<div class="kuiNotice">
<div ng-if="isExpired" class="kuiNotice__header">
<h1 class="kuiNoticeTitle">
<span class="kuiIcon kuiIcon--error fa-warning"></span>
Notice title
</h1>
<h1 class="kuiTitle kuiVerticalRhythm">
<span class="kuiIcon kuiIcon--error fa-warning"></span>
Notice title
</h1>
<div class="kuiNoticeText">
You can use the Notice component to present content in the center of the content area,
within a container with a narrow, fixed width.
</div>
<p class="kuiText kuiVerticalRhythm">
You can use the Notice component to present content in the center of the content area,
within a container with a narrow, fixed width.
</p>
<div class="kuiNoticeText">
The pink color is just for demonstration purposes.
</div>
</div>
<p class="kuiText kuiVerticalRhythm">
The pink color is just for demonstration purposes.
</p>
</div>
</div>
</div>