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

md checkbox

Browse Source
This commit is contained in:
Adam Bradley
2015-08-18 11:11:41 -05:00
parent f4c1ccd815
commit a60012b3e6
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ionic/components/checkbox/modes/material.scss
View File

@@ -1,9 +1,11 @@
// Material Design Checkbox Structure
// Material Design Checkbox
// --------------------------------------------------
$checkbox-md-icon-size: 21px !default;
$checkbox-md-icon-size: 16px !default;
$checkbox-md-bg-color-off: $list-background-color !default;
$checkbox-md-border-width: 2px !default;
$checkbox-md-border-radius: 2px !default;
$checkbox-md-border-color-off: $list-border-color !default;
$checkbox-md-bg-color-on: color(primary) !default;
$checkbox-md-border-color-on: color(primary) !default;
@@ -16,8 +18,8 @@ $checkbox-md-checkmark-color-on: $background-color !default;
position: relative;
width: $checkbox-md-icon-size;
height: $checkbox-md-icon-size;
border-radius: 50%;
border: 1px solid $checkbox-md-border-color-off;
border-radius: $checkbox-md-border-radius;
border: $checkbox-md-border-width solid $checkbox-md-border-color-off;
background-color: $checkbox-md-bg-color-off;
}
@@ -28,9 +30,9 @@ $checkbox-md-checkmark-color-on: $background-color !default;
&[aria-checked=true] .checkbox-icon::after {
position: absolute;
border: 1px solid $checkbox-md-checkmark-color-on;
top: 3px;
left: 7px;
border: 2px solid $checkbox-md-checkmark-color-on;
top: 0;
left: 3px;
width: 4px;
height: 9px;
border-left: none;

6
ionic/components/item/item.scss
View File

@@ -123,6 +123,12 @@ button.item.item {
.item {
h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
}
h2 {
margin: 0 0 2px;
font-size: 1.6rem;