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

forms

Browse Source
This commit is contained in:
Adam Bradley
2013-08-29 12:59:08 -05:00
parent 52b931828b
commit cf9d5b4877
3 changed files with 37 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/ionic.css vendored
View File

@@ -1349,8 +1349,8 @@ a.button {
.button-transparent {
background: transparent; }
.button-borderless [class^="icon-"], [class*=" icon-"] {
font-size: 2.3em; }
.button-borderless [class^="icon-"] {
font-size: 24px; }
.list-divider {
background-color: whitesmoke;

33
example/forms.html
View File

@@ -36,8 +36,41 @@
<h2>Inline form layout</h2>
<form class="form-inline">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</form>
<h2>Horizontal form layout</h2>
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main>

4
scss/ionic/theme/_button.scss
View File

@@ -38,6 +38,6 @@ a.button {
background: transparent;
}
.button-borderless [class^="icon-"], [class*=" icon-"] {
font-size: 2.3em;
.button-borderless [class^="icon-"] {
font-size: 24px;
}