marble
Version:
WeDeploy's style guide and UI components
35 lines (29 loc) • 896 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo: Button inverse</title>
<link rel="stylesheet" href="../build/marble.css">
<style>
h1 {
color: white;
}
</style>
</head>
<body class="primary-bg">
<h1>Types</h1>
<a class="btn btn-inverse" href="#">Inverse</a>
<h1>Sizes</h1>
<a class="btn btn-inverse btn-sm" href="#">Small</a>
<a class="btn btn-inverse" href="#">Regular</a>
<a class="btn btn-inverse btn-lg" href="#">Large</a>
<h1>Tags</h1>
<a class="btn btn-inverse" href="#">Link</a>
<button class="btn btn-inverse" type="submit">Button</button>
<input class="btn btn-inverse" type="button" value="Input">
<input class="btn btn-inverse" type="submit" value="Submit">
<input class="btn btn-inverse" type="reset" value="Reset">
<h1>Icons</h1>
<a class="btn btn-inverse" href="#"><span class="icon-16-plus"></span> Add</a>
</body>
</html>