Ghost/ghost/admin/docs/button-test.html

51 lines
1.9 KiB
HTML
Raw Normal View History

---
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>