1
mirror of https://github.com/pure-css/pure synced 2024-12-21 02:25:54 +01:00

update manual tests to compare .pure-button vs. "buttony" <input>s

This commit is contained in:
Tilo Mitra 2013-06-05 11:16:43 -04:00
parent e5efcedfb1
commit 6c44708a81
2 changed files with 34 additions and 5 deletions

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Button Manual Tests</title>
<link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/pure-min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" rel="stylesheet">
@ -115,5 +115,17 @@
cillum dolore eu fugiat <a href="#">nulla pariatur</a>. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class= "pure-g-r">
<div class= "pure-u-1">
<form class="pure-form">
<a class="pure-button pure-button-primary">Anchor</a>
<button class="pure-button pure-button-primary">Button</button>
<input type="submit" class="pure-button pure-button-primary" value="Submit" />
<input type="button" class="pure-button pure-button-primary" value="Input Button" />
<input type="reset" class="pure-button pure-button-primary" value="Reset" />
</form>
</div>
</div>
</body>
</html>

View File

@ -4,6 +4,7 @@
<meta charset='utf-8'>
<meta name="viewport" content="width = device-width">
<title>Forms CSS Manual Test</title>
<link rel="stylesheet" type="text/css" href="../../../../build/base-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/grids-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/forms-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
@ -50,8 +51,8 @@
<input type="text">
</div>
<div class='pure-u-1-3'>
<label>Last Name</label>
<input type="text">
<label>Password</label>
<input type="password">
</div>
<div class='pure-u-1-3'>
<label>E-Mail</label>
@ -92,8 +93,8 @@
<legend>Legend</legend>
<label>First Name</label>
<input type="text">
<label>Last Name</label>
<input type="text">
<label>Password</label>
<input type="password">
<label>E-Mail</label>
<input type="email" required>
<aside class='pure-help-inline'>This is a required field.</aside>
@ -136,6 +137,10 @@
<label>Email Address</label>
<input type="text" placeholder="Email Address">
</div>
<div class="pure-control-group">
<label>Here's a button</label>
<input type="button" value="Button" class="pure-button">
</div>
<div class="pure-control-group">
<label>Supercalifragilistic Label</label>
@ -298,5 +303,17 @@
</fieldset>
</form>
</div>
<div class= "pure-g-r">
<div class= "pure-u-1">
<form class="pure-form">
<a class="pure-button pure-button-primary">Anchor</a>
<button class="pure-button pure-button-primary">Button</button>
<input type="submit" class="pure-button pure-button-primary" value="Submit" />
<input type="button" class="pure-button pure-button-primary" value="Input Button" />
<input type="reset" class="pure-button pure-button-primary" value="Reset" />
</form>
</div>
</div>
</body>
</html>