Nightly

Input data examples
Text:
Date:
Color:
Datetime:
Email:
Month:
Time:
URL:
Week:
Textarea:

<input data-corners="false" type="text/date/color/datetime/email/month/time/url/week" value="" data-clear-btn="true" placeholder="Type text...">

Fullwidth anchor button

Show source

<a href="#" class="ui-btn">Fullwidth anchor button</a>
<button class="ui-btn">Fullwidth button</button>
<button class="ui-btn ui-btn-b">Fullwidth button alt</button>

Anchor button

Show source

<a href="#" class="ui-btn ui-btn-inline">Anchor button</a>
<button class="ui-btn ui-btn-inline">Regular button</button>
<button class="ui-btn ui-btn-b ui-btn-inline">Regular button alt</button>

Switches and sliders
Flip switch:
Slider:
RangeSlider:
Selects
Select
Checkboxes One Two Three
Checkboxes One Two Three
Checkboxes One Two Three
Radio Buttons One Two Three
Radio Buttons Only One Selected

NIGHTLY Buttons

jQuery Mobile uses own styled buttons so do we! NIGHTLY comes with dozens styled elements such as buttons, tables, form, pricing tables etc.

Regular buttons

Buttons with icon

NIGHTLY uses Font Awesome icons.

Show source

<button data-role="none" class="nightly-button">Order now</button>
<button data-role="none" class="nightly-button" data-theme="a">Hire me</button>
<button data-role="none" class="nightly-button"><i class="fa fa-shopping-cart"></i>Buy me</button>

NIGHTLY Inputs

Show source

<button data-role="none" class="nightly-button">Order now</button>
<button data-role="none" class="nightly-button" data-theme="a">Hire me</button>
<button data-role="none" class="nightly-button"><i class="fa fa-shopping-cart"></i>Buy me</button>