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:
parent
e5efcedfb1
commit
6c44708a81
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user