javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(css): reorganize css tests for snapshots

Browse Source
This commit is contained in:
Adam Bradley
2014-06-05 15:12:44 -05:00
parent a49ecf35e6
commit bc48833925
68 changed files with 1531 additions and 3032 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
test/css/input-toggle.html
View File

@@ -1,9 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Input: Toggle</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="../../dist/css/ionic.css" rel="stylesheet">
<style>
.content {
height: 1000px;
}
</style>
</head>
<body>
@@ -15,7 +21,7 @@
<ul class="list">
<li class="item item-toggle">
HTML5
Default
<label class="toggle">
<input type="checkbox" checked>
<div class="track">
@@ -23,54 +29,9 @@
</div>
</label>
</li>
<li class="item item-toggle">
CSS3
<label class="toggle">
<input type="checkbox" checked>
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle">
Flashplayer
<label class="toggle">
<input type="checkbox">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle">
Java Applets
<label class="toggle">
<input type="checkbox">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle">
JavaScript
<label class="toggle">
<input type="checkbox" checked>
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle">
Silverlight
<label class="toggle">
<input type="checkbox">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<i class="icon ion-star"></i>
Silverlight
W/ Icon
<label class="toggle">
<input type="checkbox">
<div class="track">
@@ -78,7 +39,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-positive
<label class="toggle toggle-positive">
<input type="checkbox" checked>
@@ -87,7 +48,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-calm
<label class="toggle toggle-calm">
<input type="checkbox" checked>
@@ -96,7 +57,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-balanced
<label class="toggle toggle-balanced">
<input type="checkbox" checked>
@@ -105,7 +66,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-energized
<label class="toggle toggle-energized">
<input type="checkbox" checked>
@@ -114,7 +75,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-assertive
<label class="toggle toggle-assertive">
<input type="checkbox" checked>
@@ -123,7 +84,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-royal
<label class="toggle toggle-royal">
<input type="checkbox" checked>
@@ -132,7 +93,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-light
<label class="toggle toggle-light">
<input type="checkbox" checked>
@@ -141,7 +102,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-stable
<label class="toggle toggle-stable">
<input type="checkbox" checked>
@@ -150,7 +111,7 @@
</div>
</label>
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
toggle-dark
<label class="toggle toggle-dark">
<input type="checkbox" checked>
@@ -161,7 +122,7 @@
</li>
<li class="item item-toggle item-icon-left">
<li class="item item-toggle">
asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
<label class="toggle toggle-dark">
<input type="checkbox" checked>
@@ -198,13 +159,7 @@
</ul>
<div class="padding">
<a class="button button-secondary" href="./">All CSS Tests</a>
</div>
</main>
<script src="../dist/js/ionic.js"></script>
</body>
</html>