refactor(item): added the ability to assign no-lines to an item and remove the borders on that item only

references #387
This commit is contained in:
Brandy Carney
2015-10-30 18:14:50 -04:00
parent 33452f5ce7
commit 4148ca5636
3 changed files with 27 additions and 1 deletions

View File

@ -268,3 +268,14 @@ ion-card {
} }
} }
.item[no-lines] {
&:before,
&:after {
border-width: 0;
}
+ .item:before {
border-width: 0;
}
}

View File

@ -254,3 +254,14 @@ button.item {
box-shadow: none; box-shadow: none;
} }
} }
.item[no-lines] {
&:before,
&:after {
border-width: 0;
}
+ .item:before {
border-width: 0;
}
}

View File

@ -12,9 +12,13 @@
Single line text that should have ellipses when it doesn't all fit in the item Single line text that should have ellipses when it doesn't all fit in the item
</ion-item> </ion-item>
<ion-item no-lines>
Single line item with no lines
</ion-item>
<ion-item text-wrap> <ion-item text-wrap>
Multiline text that should wrap when it is too long Multiline text that should wrap when it is too long
to fit on one line in the item. Class on .item to fit on one line in the item. Attribute on .item
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item text-wrap>