javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

.item.range

Browse Source
This commit is contained in:
Adam Bradley
2013-11-19 14:33:46 -06:00
parent fd17576d0b
commit 9e4a94371f
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/css/ionic.css vendored
View File

@ -2533,8 +2533,7 @@ input[type="range"] {
-webkit-align-items: center; -webkit-align-items: center;
-moz-align-items: center; -moz-align-items: center;
align-items: center; align-items: center;
padding: 4px; padding: 2px 4px; }
max-width: 320px; }
.range .icon { .range .icon {
-webkit-box-flex: 0; -webkit-box-flex: 0;

3
scss/_range.scss
View File

@ -48,8 +48,7 @@ input[type="range"] {
.range { .range {
@include display-flex(); @include display-flex();
@include align-items(center); @include align-items(center);
padding: 4px; padding: 2px 4px;
max-width: $range-max-width;
} }
.range .icon { .range .icon {

8
test/input-range.html
View File

@ -27,6 +27,14 @@
<i class="icon ion-volume-high"></i> <i class="icon ion-volume-high"></i>
</div> </div>
<div class="list card">
<div class="item range">
<i class="icon ion-volume-low"></i>
<input type="range" name="awesomeness" min="0" max="10" value="10">
<i class="icon ion-volume-high"></i>
</div>
</div>
<div class="padding"> <div class="padding">
<p><a class="button button-secondary" href="index.html">Homepage</a></p> <p><a class="button button-secondary" href="index.html">Homepage</a></p>
</div> </div>