51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
|
---
|
||
|
|
layout: default
|
||
|
|
title: Ghost UI · Making publishing beautiful.
|
||
|
|
---
|
||
|
|
|
||
|
|
<header class="page-header">
|
||
|
|
<a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
|
||
|
|
<h2>Home</h2>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="page-content">
|
||
|
|
<h2 id="buttons-options">Options</h2>
|
||
|
|
<p>Use any of the available button classes to quickly create a styled button.</p>
|
||
|
|
<div class="bs-example">
|
||
|
|
<button type="button" class="btn btn-default">Default</button>
|
||
|
|
<button type="button" class="btn btn-default btn-minor">Cancel</button>
|
||
|
|
<button type="button" class="btn btn-alt">Alt</button>
|
||
|
|
<button type="button" class="btn btn-blue">Blue</button>
|
||
|
|
<button type="button" class="btn btn-green">Green</button>
|
||
|
|
<button type="button" class="btn btn-red">Red</button>
|
||
|
|
<button type="button" class="btn btn-link">Link</button>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<div class="bs-example">
|
||
|
|
<button type="button" class="button">Default</button>
|
||
|
|
<button type="button" class="button-dark">Dark</button>
|
||
|
|
<button type="button" class="button-save">Save</button>
|
||
|
|
<button type="button" class="button-add">Add</button>
|
||
|
|
<button type="button" class="button-delete">Delete</button>
|
||
|
|
<button type="button" class="button-info">Info</button>
|
||
|
|
<button type="button" class="button-back">Back</button>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>Splitbuttons</h2>
|
||
|
|
|
||
|
|
<section class="splitbutton-save">
|
||
|
|
<button type="button" data-ember-action="153" class="button-save js-publish-button">Save Draft</button>
|
||
|
|
<button class="options up">
|
||
|
|
<span class="hidden">Post Settings</span>
|
||
|
|
</button>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="splitbtn">
|
||
|
|
<button type="button" class="btn btn-blue">Action</button>
|
||
|
|
<button type="button" class="btn btn-blue dropdown-toggle up" data-toggle="dropdown">
|
||
|
|
<i class="options"></i>
|
||
|
|
<span class="sr-only">Toggle Settings Menu</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|