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

active list bg fix

Browse Source
This commit is contained in:
Adam Bradley
2013-11-18 10:05:54 -06:00
parent b38ba3d6ff
commit 136ba7262d
5 changed files with 26 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_items.scss
View File

@ -60,11 +60,6 @@
margin-right: 5px;
}
&.active,
.ionic-pseudo &:active {
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.12);
}
// Different themes for list items
&.item-light {
@include item-style($item-light-bg, $item-light-border, $item-light-text, $item-light-active-bg, $item-light-active-border);

6
scss/_mixins.scss
View File

@ -84,8 +84,8 @@
border-color: $border-color;
&.active,
&:active {
background-color: activeBgColor;
.ionic-pseudo &:active {
background-color: $active-bg-color;
border-color: $active-border-color;
}
}
@ -139,6 +139,7 @@
@include size($size, $size);
}
// Placeholder text
// -------------------------
@mixin placeholder($color: $input-color-placeholder) {
@ -153,6 +154,7 @@
}
}
// Text overflow
// -------------------------
// Requires inline-block or block for proper styling

2
scss/_variables.scss
View File

@ -347,7 +347,7 @@ $item-dark-active-border: $button-dark-active-border;
$item-default-bg: $item-light-bg;
$item-default-border: $item-light-border;
$item-default-text: $item-light-text;
$item-default-active-bg: $item-light-active-bg;
$item-default-active-bg: #D9D9D9;
$item-default-active-border: $item-light-active-border;