|
9 | 9 | --background-activated: #{globals.$ion-primitives-neutral-200}; |
10 | 10 | --border-color: #{globals.$ion-primitives-neutral-300}; |
11 | 11 | --border-style: #{globals.$ion-border-style-solid}; |
| 12 | + --border-width: #{0 0 globals.$ion-border-size-025 0}; |
12 | 13 | --color: #{globals.$ion-primitives-neutral-1200}; |
13 | 14 | --detail-icon-color: #{globals.$ion-primitives-neutral-800}; |
14 | 15 | --detail-icon-font-size: #{globals.$ion-scale-600}; |
@@ -91,20 +92,16 @@ slot[name="end"]::slotted(*) { |
91 | 92 | // Ionic Item Lines |
92 | 93 | // -------------------------------------------------- |
93 | 94 |
|
94 | | -// Default input items have a full border |
95 | | -:host(.item-interactive) { |
96 | | - --border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0}; |
97 | | - --inner-border-width: #{globals.$ion-border-size-0}; |
98 | | -} |
99 | | - |
100 | 95 | // Full lines - apply the border to the item |
101 | 96 | // Inset lines - apply the border to the item inner |
102 | 97 | :host(.item-lines-full) { |
103 | | - --border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0}; |
| 98 | + --border-width: #{globals.$ion-border-size-0 globals.$ion-border-size-0 globals.$ion-border-size-025 |
| 99 | + globals.$ion-border-size-0}; |
104 | 100 | } |
105 | 101 |
|
106 | 102 | :host(.item-lines-inset) { |
107 | | - --inner-border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0}; |
| 103 | + --inner-border-width: #{globals.$ion-border-size-0 globals.$ion-border-size-0 globals.$ion-border-size-025 |
| 104 | + globals.$ion-border-size-0}; |
108 | 105 | } |
109 | 106 |
|
110 | 107 | // Full lines - remove the border from the item inner (inset list items) |
|
0 commit comments