Requested priority: (Blocking, High, Normal, Low) : High
Describe the issue:I have created a sharepoint react framework solution.This solution uses List Component.I now want to use the (https://github.com/OfficeDev/office-ui-fabric-react/blob/master/packages/office-ui-fabric-react/src/components/List/examples/List.Basic.Example.scss) in my solution. @import '../../../common/common';
:global { .ms-ListBasicExample-itemCell { @include focus-border();
min-height: 54px;
padding: 10px;
box-sizing: border-box;
border-bottom: 1px solid $bodyDividerColor;
display: flex;
}
.ms-ListBasicExample-itemCell:hover { background: #EEE; }
.ms-ListBasicExample-itemImage { flex-shrink: 0; }
.ms-ListBasicExample-itemContent { @include margin-left(10px); overflow: hidden; flex-grow: 1; }
.ms-ListBasicExample-itemName { @include ms-font-xl; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-ListBasicExample-itemIndex { font-size: $ms-font-size-s; color: $ms-color-neutralTertiary; margin-bottom: 10px; }
.ms-ListBasicExample-chevron {
align-self: center;
@include margin-left(10px);
color: $ms-color-neutralTertiary;
font-size: $ms-font-size-l;
flex-shrink: 0;
}
}
So i created a file called list.module.scss and copied the code above.
But it gives an error
Any help will be appreciated.