How to import notification-list styles:

In order to use notification-lists in your project, import following path in your main styles:

@import 'node_modules/@mobilelivenpm/fds-static-scss/src/scss/notification-list

How to customize notification-list styles:

In order to customize notification-lists in your theme as per requirements, import following path in your theme-settings file:

@import 'node_modules/@mobilelivenpm/fds-static-scss/theme/notification-list

10:32 PM, 09/13/2020
Lorem ipsum dolor sit amet.
12:00 PM, 09/12/2020
Lorem ipsum dolor sit amet.
10:32 PM, 09/13/2020
Lorem ipsum dolor sit amet.
12:00 PM, 09/12/2020
Lorem ipsum dolor sit amet.

10:32 PM, 09/13/2020
Sit amet adipisicing elit.
12:00 PM, 09/12/2020
Lorem ipsum dolor sit amet.
10:32 PM, 09/13/2020
Sit amet adipisicing elit.
12:00 PM, 09/12/2020
Lorem ipsum dolor sit amet.

10:32 PM, 09/13/2020
Lorem amet consectetur.
12:00 PM, 09/12/2020
Ipsum dolor consectetur.
10:32 PM, 09/13/2020
Lorem amet consectetur.
12:00 PM, 09/12/2020
Ipsum dolor consectetur.

  <div class="notification-list has--shadow white-bg">
    <ul class="mb--0 p--4">
      <li class="d--flex align--items--center mb--3">
        <span class="icon-bell pr--3"></span>
        <div class="text">
          <span class="pb-1">10:32 PM, 09/13/2020</span>
          <p class="mb--0">Lorem ipsum dolor sit amet.</p>
        </div>
      </li>
      <li class="d--flex align--items--center mb--3">
        <span class="icon-bell pr--3"></span>
        <div class="text">
          <span class="pb-1">12:00 PM, 09/12/2020</span>
          <p class="mb--0">Lorem ipsum dolor sit amet.</p>
        </div>
      </li>
      <li class="d--flex align--items--center mb--3">
        <span class="icon-bell pr--3"></span>
        <div class="text">
          <span class="pb-1">10:32 PM, 09/13/2020</span>
          <p class="mb--0">Lorem ipsum dolor sit amet.</p>
        </div>
      </li>
      <li class="d--flex align--items--center">
        <span class="icon-bell pr--3"></span>
        <div class="text">
          <span class="pb-1">12:00 PM, 09/12/2020</span>
          <p class="mb--0">Lorem ipsum dolor sit amet.</p>
        </div>
      </li>
    </ul>
  </div>

Notification List

How to import notification-list styles:

@import 'node_modules/@mobilelivenpm/fds-static-scss/src/scss/notification-list

How to customize notification-list styles:

@import 'node_modules/@mobilelivenpm/fds-static-scss/theme/notification-list