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

Toderp working , list item styles for active state

Browse Source
This commit is contained in:
Max Lynch
2013-10-07 00:22:11 -05:00
parent f609320a80
commit 03f615af39
6 changed files with 214 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/ionic/_listview.scss
View File

@ -52,7 +52,7 @@
&.active,
&.active:hover,
&.active:focus {
z-index: 2; // Place active items above their siblings for proper border styling
z-index: 2;
//color: $list-group-active-color;
//background-color: $list-group-active-bg;
//border-color: $list-group-active-border;
@ -66,6 +66,14 @@
}
}
&.list-item-default { @include list-item-style-active($brand-default, $gray-dark, $gray-dark); }
&.list-item-secondary { @include list-item-style-active($brand-default, $gray-dark, $gray-dark); }
&.list-item-primary { @include list-item-style-active($brand-primary, $gray-dark, $white); }
&.list-item-info { @include list-item-style-active($brand-info, $gray-dark, $white); }
&.list-item-success { @include list-item-style-active($brand-success, $gray-dark, $white); }
&.list-item-warning { @include list-item-style-active($brand-warning, $gray-dark, $white); }
&.list-item-danger { @include list-item-style-active($brand-danger, $gray-dark, $white); }
&.list-item-dark { @include list-item-style-active($brand-dark, $gray-dark, $white); }
}
// Linked list items

15
scss/ionic/_mixins.scss
View File

@ -70,6 +70,21 @@
}
}
//$bgColor, $borderColor, $color,
@mixin list-item-style-active($activeBgColor, $activeBorderColor, $activeColor) {
/*
color: $color;
background-color: $bgColor;
border-color: $borderColor;
*/
&.active, &:active {
color: $activeColor;
background-color: $activeBgColor;
border-color: $activeBorderColor;
}
};
@mixin bar-style($bgColor, $borderColor, $color) {
background-color: $bgColor;
border-color: $borderColor;