javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

STuff

Browse Source
This commit is contained in:
Max Lynch
2015-07-20 13:25:52 -05:00
parent 80d1d00157
commit 34b62ff172
9 changed files with 109 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ionic/components/checkbox/checkbox.ts
View File

@ -29,8 +29,7 @@ import {Icon} from '../icon/icon';
@IonicView({
template:
'<div class="item-media media-checkbox">' +
'<icon [name]="iconOff" class="checkbox-off"></icon>' +
'<icon [name]="iconOn" class="checkbox-on"></icon>' +
'<div class="media-checkbox-outline"></div>' +
'</div>' +
'<div class="item-content">' +
'<content></content>' +

38
ionic/components/checkbox/extensions/material.scss Normal file
View File

@ -0,0 +1,38 @@
// iOS Checkbox
// --------------------------------------------------
$checkbox-md-color: #007aff;
.checkbox[mode="md"] {
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: 24px;
margin: 0;
padding: 0;
.media-checkbox-outline {
min-width: 20px;
color: $checkbox-md-color;
position: absolute;
top: 3px;
left: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin: 0;
cursor: pointer;
overflow: hidden;
border: 2px solid rgba(0,0,0,.54);
border-radius: 2px;
z-index: 2;
}
}