---
description: 목록 요소 초기화 믹스인
---

# reset-list()

## 용도 <a href="#use" id="use"></a>

`<ul>`, `<ol>` 요소를 초기화 설정하는 믹스인입니다.

## 사용법 <a href="#usage" id="usage"></a>

`reset-list()` 믹스인을 실행합니다.

> reset-list()

```ruby
nav ul, .resetList {
  @include reset-list;
}
```

위 예시 코드는 아래의 CSS로 컴파일 되어 출력됩니다.

```css
nav ul, .resetList {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
```

## 로직 <a href="#logic" id="logic"></a>

`reset-list()` 믹스인은 다음의 로직에 의해 작성되었습니다.&#x20;

```javascript
@mixin reset-list() {
  @include my(0);
  padding-left: 0;
  list-style-type: none;
}
```

1. 믹스인을 호출하면 코드를 출력

## 참고 <a href="#reference" id="reference"></a>

믹스인에 사용된 Sass의 빌트인 모듈은 다음과 같습니다.

* [@mixin / @include](https://sass-lang.com/documentation/at-rules/mixin)

믹스인에 사용된 자체 제작 모듈은 다음과 같습니다.

* [my()](../spacing/my)
