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

css cleanup

Browse Source
This commit is contained in:
Adam Bradley
2015-09-05 21:02:44 -05:00
parent 463de4b437
commit c41801c55f
23 changed files with 381 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
ionic/components/checkbox/modes/ios.scss
View File

@@ -12,15 +12,6 @@ $checkbox-ios-checkmark-color-on: $background-color !default;
.checkbox {
.checkbox-icon {
position: relative;
width: $checkbox-ios-icon-size;
height: $checkbox-ios-icon-size;
border-radius: 50%;
border: 1px solid $checkbox-ios-border-color-off;
background-color: $checkbox-ios-bg-color-off;
}
&[aria-checked=true] .checkbox-icon {
background-color: $checkbox-ios-bg-color-on;
border-color: $checkbox-ios-border-color-on;
@@ -41,19 +32,24 @@ $checkbox-ios-checkmark-color-on: $background-color !default;
}
.checkbox-icon {
position: relative;
width: $checkbox-ios-icon-size;
height: $checkbox-ios-icon-size;
border-radius: 50%;
border: 1px solid $checkbox-ios-border-color-off;
background-color: $checkbox-ios-bg-color-off;
}
// iOS Checkbox Color Mixin
// --------------------------------------------------
@mixin checkbox-theme-ios($color-name, $bg-on) {
.checkbox[#{$color-name}] {
&[aria-checked=true] .checkbox-icon {
background-color: $bg-on;
border-color: $bg-on;
}
.checkbox[#{$color-name}][aria-checked=true] .checkbox-icon {
background-color: $bg-on;
border-color: $bg-on;
}
}

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

@@ -14,15 +14,6 @@ $checkbox-md-checkmark-color-on: $background-color !default;
.checkbox {
.checkbox-icon {
position: relative;
width: $checkbox-md-icon-size;
height: $checkbox-md-icon-size;
border-radius: $checkbox-md-border-radius;
border: $checkbox-md-border-width solid $checkbox-md-border-color-off;
background-color: $checkbox-md-bg-color-off;
}
&[aria-checked=true] .checkbox-icon {
background-color: $checkbox-md-bg-color-on;
border-color: $checkbox-md-border-color-on;
@@ -43,19 +34,24 @@ $checkbox-md-checkmark-color-on: $background-color !default;
}
.checkbox-icon {
position: relative;
width: $checkbox-md-icon-size;
height: $checkbox-md-icon-size;
border-radius: $checkbox-md-border-radius;
border: $checkbox-md-border-width solid $checkbox-md-border-color-off;
background-color: $checkbox-md-bg-color-off;
}
// Material Design Checkbox Color Mixin
// --------------------------------------------------
@mixin checkbox-theme-md($color-name, $bg-on) {
.checkbox[#{$color-name}] {
&[aria-checked=true] .checkbox-icon {
background-color: $bg-on;
border-color: $bg-on;
}
.checkbox[#{$color-name}][aria-checked=true] .checkbox-icon {
background-color: $bg-on;
border-color: $bg-on;
}
}
@@ -64,8 +60,8 @@ $checkbox-md-checkmark-color-on: $background-color !default;
// Generate Material Design Checkbox Auxiliary Colors
// --------------------------------------------------
@each $color-name, $value in auxiliary-colors() {
@each $color-name, $color-value in auxiliary-colors() {
@include checkbox-theme-md($color-name, $value);
@include checkbox-theme-md($color-name, $color-value);
}