fix(list): don't show inset lines for full line list

This commit is contained in:
Brandy Carney
2018-10-10 11:34:05 -05:00
parent 798b4f6935
commit 6eae95a224
2 changed files with 14 additions and 5 deletions

View File

@@ -72,7 +72,6 @@
}
// Remove the border from items in lists
// if they are explicitly styled by the item
// to be different than the list

View File

@@ -12,6 +12,12 @@
@include position-horizontal(0, null);
}
.list-md:not(.list-inset):not(.list-md-lines-none) .item:last-child {
--inner-border-width: 0;
--border-width: #{0 0 $list-md-item-border-bottom-width 0};
}
// Material Design Inset List
// --------------------------------------------------
@@ -56,6 +62,10 @@
--border-width: #{0 0 $list-md-item-border-bottom-width 0};
}
.list-md-lines-full .item {
--inner-border-width: 0;
}
// Material Design Inset Lines List
// --------------------------------------------------
@@ -69,10 +79,10 @@
// Remove the border from items in lists
// if they are explicitly styled by the item
// to be different than the list
.list-md .item-lines-full {
--inner-border-width: 0;
}
.list-md .item-lines-inset {
--border-width: 0;
}
.list-md .item-lines-full {
--inner-border-width: 0;
}