Skip to content

Instantly share code, notes, and snippets.

View zanderwar's full-sized avatar
👺

zanderwar zanderwar

👺
63 followers · 1.4k following
View GitHub Profile
@zanderwar
zanderwar / ipb4-form-example.html
Created August 10, 2015 07:44
<div class='ipsWidget ipsWidget_vertical ipsBox'>
<h3 class='ipsType_reset ipsWidget_title'>Form Header</h3>
<form accept-charset="utf-8" method="post" class="ipsForm_horizontal ipsSpacer_top">
<!-- TEXT FIELD -->
<ul class='ipsForm'>
<li class="ipsFieldRow ipsPad_half ipsClearfix">
<div class="ipsFieldRow_title ">
Text Field <span class="ipsFieldRow_required">Required</span>
</div>
<div class="ipsFieldRow_content">
@zanderwar
zanderwar / ipb4-tabs-example.html
Last active August 29, 2015 14:27
<ul class='ipsTabs ipsTabs_contained ipsClearfix'>
<li class='ipsTabs_item ipsTabs_activeItem'>Tab 1</li>
<li class='ipsTabs_item'>Tab 2</li>
<li class='ipsTabs_item'>Tab 3</li>
<li class='ipsTabs_item'>Tab 4</li>
</ul>
@zanderwar
zanderwar / ipb4-table-matrix-example.html
Last active August 29, 2015 14:27
<table class='ipsTable ipsMatrix ipsTable_zebra ipsBox'>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Position</th>
<th>Department</th>
</tr>
</thead>
@zanderwar
zanderwar / ipb4-table-example.html
Last active August 29, 2015 14:27
<table class='ipsTable ipsBox'>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Position</th>
<th>Department</th>
</tr>
</thead>
@zanderwar
zanderwar / ipb4-widget-vertical-example.html
Last active August 29, 2015 14:27
<!-- Horizontal -->
<div class='ipsWidget ipsWidget_horizontal ipsBox'>
<h3 class='ipsType_reset ipsWidget_title'>Widget Header</h3>
<div class='ipsWidget_inner ipsPad'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus, urna eget dapibus dapibus, ipsum massa pharetra lacus, at iaculis arcu est ac nisl. Quisque faucibus libero at aliquam malesuada. Donec ut orci id velit accumsan pharetra at eu eros. Fusce facilisis est aliquet, tincidunt tellus vitae, imperdiet lectus.</div>
</div>
<!-- Vertical -->
<div class='ipsWidget ipsWidget_vertical ipsBox'>
<h3 class='ipsType_reset ipsWidget_title'>Widget Header</h3>
<div class='ipsWidget_inner ipsPad'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus, urna eget dapibus dapibus, ipsum massa pharetra lacus, at iaculis arcu est ac nisl. Quisque faucibus libero at aliquam malesuada. Donec ut orci id velit accumsan pharetra at eu eros. Fusce facilisis est aliquet, tincidunt tellus vitae, imperdiet lectus.</div>
@zanderwar
zanderwar / ipb4-breadcrumb-example.html
Created August 10, 2015 07:56
<div class="ipsSubNavigation">
<nav class="ipsBreadcrumb">
<ul>
<li><a href='javascript:;'><span><i class="fa fa-home"></i> Home <i class="fa fa-angle-right"></i></span></a></li>
<li><a href='javascript:;'><span>Shopping Cart <i class="fa fa-angle-right"></i></span></a></li>
<li><span>Checkout</span></li>
</ul>
</nav>
</div>
@zanderwar
zanderwar / ipb4-button-group-example.html
Last active August 29, 2015 14:27
<ul class='ipsButton_split'>
<li><button type='button' class='ipsButton'>Button</button></li>
<li><button type='button' class='ipsButton ipsButton_positive'>Button</button></li>
<li><button type='button' class='ipsButton ipsButton_intermediate'>Button</button></li>
<li><button type='button' class='ipsButton ipsButton_overlaid'>Button</button></li>
<li><button type='button' class='ipsButton ipsButton_negative'>Button</button></li>
</ul>
@zanderwar
zanderwar / ipb4-button-sizes-example.html
Created August 10, 2015 07:57
<button type='button' class='ipsButton ipsButton_veryVerySmall'>veryVerySmall</button>
<button type='button' class='ipsButton ipsButton_verySmall'>verySmall</button>
<button type='button' class='ipsButton ipsButton_small'>Small</button>
<button type='button' class='ipsButton ipsButton_medium'>Medium</button>
<button type='button' class='ipsButton ipsButton_large'>Large</button>
<button type='button' class='ipsButton ipsButton_veryLarge'>veryLarge</button>
<div class='ipsSpacer_top ipsSpacer_half'></div>
<button type='button' class='ipsButton ipsButton_fullWidth'>fullWidth</button>
@zanderwar
zanderwar / ipb4-buttons-example.html
Created August 10, 2015 07:58
<button type='button' class='ipsButton'>Default</button>
<button type='button' class='ipsButton ipsButton_important'>Important</button>
<button type='button' class='ipsButton ipsButton_primary'>Primary</button>
<button type='button' class='ipsButton ipsButton_alternate'>Alternate</button>
<button type='button' class='ipsButton ipsButton_positive'>Positive</button>
<button type='button' class='ipsButton ipsButton_intermediate'>Intermediate</button>
<button type='button' class='ipsButton ipsButton_negative'>Negative</button>
<button type='button' class='ipsButton ipsButton_verylight'>Very Light</button>
<button type='button' class='ipsButton ipsButton_overlaid'>Overlaid</button>
<button type='button' class='ipsButton ipsButton_link'>Link</button>
@zanderwar
zanderwar / ipb4-grid-example.html
Created August 10, 2015 07:59
<div class='ipsGrid'>
<div class='ipsGrid_span4'>span4</div>
<div class='ipsGrid_span3'>span3</div>
<div class='ipsGrid_span5'>span5</div>
</div>