/*
---
name: clearfix()
category:
  - core/mixin
---
Clearfix helper

### scss
```scss
@use "node_modules/sass-basis/src/css/core";

.clerfix {
  @include core.clearfix();
}
```

### html
```ejs
<div class="clearfix">
  <img style="float: right">
  ....
</div>
```
*/

@mixin clearfix() {
  &:before, &:after {
    content: " ";
    display: table;
  }

  &:after {
    clear: both;
  }
}