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

use .list not ion-list css

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 09:40:54 -05:00
parent ee2486b76a
commit 8c2a7a8932
9 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/app/test/music/main.html
View File

@@ -36,11 +36,11 @@
background: url('http://ionic-io-assets.s3.amazonaws.com/menu.jpg');
background-size: cover;
}
.mode-ios ion-list .item {
.mode-ios .list .item {
background: transparent;
min-height: 55px;
}
.mode-ios ion-list .item ion-item-content {
.mode-ios .list .item ion-item-content {
background: transparent;
color: rgba(255,255,255,0.8);
padding: 10px;

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

@@ -55,11 +55,11 @@ ion-item-content {
text-align: center;
}
ion-list .item > icon[small]:first-child {
.list .item > icon[small]:first-child {
min-width: 18px;
}
ion-list .item {
.list .item {
border-radius: 0;
transition: background 300ms ease-out;

4
ionic/components/item/modes/ios.scss
View File

@@ -23,7 +23,7 @@ $item-ios-note-color: darken($item-ios-border-color, 10%) !default;
$item-ios-forward-icon-color: $item-ios-border-color !default;
ion-list[mode=ios] {
.list[mode=ios] {
.item {
margin-top: -1px;
@@ -141,7 +141,7 @@ ion-list[mode=ios] {
}
.hairlines ion-list[mode=ios] .item {
.hairlines .list[mode=ios] .item {
margin-top: -0.5px;
&:last-child {

2
ionic/components/item/modes/material.scss
View File

@@ -26,7 +26,7 @@ $item-md-note-color: darken($item-md-border-color, 10%) !default;
$item-md-forward-icon-color: $item-md-border-color !default;
ion-list[mode=md] {
.list[mode=md] {
.item {
margin-top: -1px;

4
ionic/components/list/list.scss
View File

@@ -3,7 +3,7 @@
// --------------------------------------------------
ion-list {
.list {
display: block;
margin: 0;
padding: 0;
@@ -17,7 +17,7 @@ ion-list {
}
}
ion-list[inset] {
.list[inset] {
overflow: hidden;
ion-header {

10
ionic/components/list/modes/ios.scss
View File

@@ -20,7 +20,7 @@ $list-ios-header-letter-spacing: 0.1rem !default;
$list-ios-header-color: #333 !default;
ion-list[mode=ios] {
.list[mode=ios] {
margin: 0 $list-ios-margin-right $list-ios-margin-bottom $list-ios-margin-left;
ion-header {
@@ -34,16 +34,16 @@ ion-list[mode=ios] {
}
ion-list[mode=ios] + ion-list {
.list[mode=ios] + .list {
margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
}
ion-list[mode=ios] + ion-list ion-header {
.list[mode=ios] + .list ion-header {
margin-top: -$list-ios-margin-top;
padding-top: 0;
}
ion-list[mode=ios][inset] {
.list[mode=ios][inset] {
margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left;
border-radius: $list-inset-ios-border-radius;
@@ -68,6 +68,6 @@ ion-list[mode=ios][inset] {
}
}
ion-list[mode=ios][inset] + ion-list[inset] {
.list[mode=ios][inset] + .list[inset] {
margin-top: 0;
}

10
ionic/components/list/modes/material.scss
View File

@@ -18,7 +18,7 @@ $list-md-header-font-size: 1.4rem !default;
$list-md-header-color: #858585 !default;
ion-list[mode=md] {
.list[mode=md] {
margin: 0 $list-md-margin-right $list-md-margin-bottom $list-md-margin-left;
ion-header {
@@ -29,16 +29,16 @@ ion-list[mode=md] {
}
ion-list[mode=md] + ion-list {
.list[mode=md] + .list {
margin-top: $list-md-margin-top + $list-md-margin-bottom;
}
ion-list[mode=md] + ion-list ion-header {
.list[mode=md] + .list ion-header {
margin-top: -$list-md-margin-top;
padding-top: 0;
}
ion-list[mode=md][inset] {
.list[mode=md][inset] {
margin: $list-inset-md-margin-top $list-inset-md-margin-right $list-inset-md-margin-bottom $list-inset-md-margin-left;
border-radius: $list-inset-md-border-radius;
@@ -63,6 +63,6 @@ ion-list[mode=md][inset] {
}
}
ion-list[mode=md][inset] + ion-list[inset] {
.list[mode=md][inset] + .list[inset] {
margin-top: 0;
}

2
ionic/components/text-input/modes/ios.scss
View File

@@ -3,7 +3,7 @@
// --------------------------------------------------
ion-list[mode=ios],
.list[mode=ios],
ion-card[mode=ios] {
.text-input {

2
ionic/components/text-input/modes/material.scss
View File

@@ -3,7 +3,7 @@
// --------------------------------------------------
ion-list[mode=md],
.list[mode=md],
ion-card[mode=md] {
.text-input {