CODEWITHSUNDEEP
ionic2
Stephan K.
Stephan K.

Reputation: 15702

Ionic 2 RC1 - Remove Horizontal Rulers aka no-lines globally on ion-list item

We all know 

<ion-list no-lines>

But how to do this globally?

Upvotes: 1

Views: 299

Answers (1)

Prerak Tiwari
Prerak Tiwari

Reputation: 3466

You can set following in your scss file to take effect globally:

.list-md > .item-block:last-child, .list-md > .item-wrapper:last-child .item-block {
    border-bottom: 0px !important;
}

.list-md > .item-block:first-child, .list-md > .item-wrapper:first-child .item-block {
     border-top: 0px !important; 
}

.list-md .item-block .item-inner {
    border-bottom: 0px !important; 
}

.item-md.item-block .item-inner {
    border-bottom: 0px !important; 
}

Upvotes: 1

Related Questions