mirror of
https://github.com/pure-css/pure
synced 2024-12-16 23:25:53 +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>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Button Manual Tests</title>
|
<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.css" rel="stylesheet">
|
||||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.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
|
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.
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||||
</p>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -4,6 +4,7 @@
|
|||||||
<meta charset='utf-8'>
|
<meta charset='utf-8'>
|
||||||
<meta name="viewport" content="width = device-width">
|
<meta name="viewport" content="width = device-width">
|
||||||
<title>Forms CSS Manual Test</title>
|
<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/grids-min.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../../../../build/forms-min.css">
|
<link rel="stylesheet" type="text/css" href="../../../../build/forms-min.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
|
<link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
|
||||||
@ -50,8 +51,8 @@
|
|||||||
<input type="text">
|
<input type="text">
|
||||||
</div>
|
</div>
|
||||||
<div class='pure-u-1-3'>
|
<div class='pure-u-1-3'>
|
||||||
<label>Last Name</label>
|
<label>Password</label>
|
||||||
<input type="text">
|
<input type="password">
|
||||||
</div>
|
</div>
|
||||||
<div class='pure-u-1-3'>
|
<div class='pure-u-1-3'>
|
||||||
<label>E-Mail</label>
|
<label>E-Mail</label>
|
||||||
@ -92,8 +93,8 @@
|
|||||||
<legend>Legend</legend>
|
<legend>Legend</legend>
|
||||||
<label>First Name</label>
|
<label>First Name</label>
|
||||||
<input type="text">
|
<input type="text">
|
||||||
<label>Last Name</label>
|
<label>Password</label>
|
||||||
<input type="text">
|
<input type="password">
|
||||||
<label>E-Mail</label>
|
<label>E-Mail</label>
|
||||||
<input type="email" required>
|
<input type="email" required>
|
||||||
<aside class='pure-help-inline'>This is a required field.</aside>
|
<aside class='pure-help-inline'>This is a required field.</aside>
|
||||||
@ -136,6 +137,10 @@
|
|||||||
<label>Email Address</label>
|
<label>Email Address</label>
|
||||||
<input type="text" placeholder="Email Address">
|
<input type="text" placeholder="Email Address">
|
||||||
</div>
|
</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">
|
<div class="pure-control-group">
|
||||||
<label>Supercalifragilistic Label</label>
|
<label>Supercalifragilistic Label</label>
|
||||||
@ -298,5 +303,17 @@
|
|||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user