Reset List

Removes all default browser styles from list elements

• How to
  • HTML Example:
• SCSS

How to

To use these styles in a Vue component SCSS, you'll need:

@import '~@skyline/scss/src/core/UI.required';
@import '~@skyline/scss/src/utilities/utilities.reset';

HTML Example:

<ul class="u-reset-list">
  <li>List item</li>
</ul>

SCSS

SCSS file imports

To use these styles in a Vue component SCSS, you’ll need:

@import '~@skyline/scss/src/core/UI.required';

@include skyline-reset-list();

Output

Example Code

ul.list-item-class-name {
  @include skyline-reset-list;
}