File tree Expand file tree Collapse file tree 2 files changed +35
-0
lines changed
projects/igniteui-angular/src/lib/list Expand file tree Collapse file tree 2 files changed +35
-0
lines changed Original file line number Diff line number Diff line change @@ -300,6 +300,7 @@ export class IgxListItemComponent implements IListChild {
300300 *
301301 * @memberof IgxListItemComponent
302302 */
303+ @HostBinding ( 'class.igx-list-item--selected' )
303304 @HostBinding ( 'class.igx-list__item-base--selected' )
304305 @Input ( { transform : booleanAttribute } )
305306 public get selected ( ) {
Original file line number Diff line number Diff line change @@ -244,5 +244,39 @@ $theme: $base;
244244 }
245245 }
246246 }
247+
248+ @include m (selected) {
249+ @include e (content ) {
250+ color : var-get ($theme , ' item-text-color-selected' );
251+ background : var-get ($theme , ' item-background-selected' );
252+ z-index : 3 ;
253+ }
254+
255+ @include e (thumbnail) {
256+ color : var-get ($theme , ' item-thumbnail-color-selected' );
257+
258+ igx-icon ,
259+ igc-icon {
260+ color : var-get ($theme , ' item-thumbnail-color-selected' );
261+ }
262+ }
263+
264+ @include e (title) {
265+ color : var-get ($theme , ' item-title-color-selected' );
266+ }
267+
268+ @include e (subtitle) {
269+ color : var-get ($theme , ' item-subtitle-color-selected' );
270+ }
271+
272+ @include e (actions) {
273+ color : var-get ($theme , ' item-action-color-selected' );
274+
275+ igx-icon ,
276+ igc-icon {
277+ color : var-get ($theme , ' item-action-color-selected' );
278+ }
279+ }
280+ }
247281 }
248282}
You can’t perform that action at this time.
0 commit comments