@include border-radius($list-inset-md-border-radius);

}

/**

* These selectors ensure the first item in the list

* has the correct radius.

* We need to consider the following scenarios:

1. The first item in a list as long as it is not the only item.

2. The item in the first item-sliding in a list.

* Note that we do not select "ion-item-sliding ion-item:first-of-type"

* because that will cause the borders to disappear on

* items in an item-sliding when the item is the first

* element in the item-sliding container.

*/

.list-md.list-inset ion-item:not(:only-of-type):first-of-type,

.list-md.list-inset ion-item-sliding:first-of-type ion-item {

--border-radius: #{$list-inset-md-border-radius $list-inset-md-border-radius 0 0};

}

/**

* These selectors ensure the last item in the list

* has the correct radius and border.

* has the correct border.

* We need to consider the following scenarios:

1. The last item in a list as long as it is not the only item.

2. The item in the last item-sliding in a list.

*/

.list-md.list-inset ion-item:not(:only-of-type):last-of-type,

.list-md.list-inset ion-item-sliding:last-of-type ion-item {

--border-radius: #{0 0 $list-inset-md-border-radius $list-inset-md-border-radius};

--border-width: 0;

--inner-border-width: 0;

}

/**

* The only item in a list should have a border radius

* on all corners.

* We target :only-child instead of :only-of-type

* otherwise borders will disappear on items inside of

* ion-item-sliding because the item will be the only

* one of its type inside of the ion-item-sliding group.

*/

.list-md.list-inset ion-item:only-child {

--border-radius: #{$list-inset-md-border-radius};

--border-width: 0;

--inner-border-width: 0;

}