Fa'amamafi

Fa'avave ma faigofie ona fa'amama mea fa'afefe i totonu o se koneteina e ala i le fa'aopoopoina o se fa'aoga manino.

Fa'amanino faigofie floats e ala i le fa'aopoopo .clearfix i le elemene matua . E mafai foi ona faʻaaogaina e avea o se paluga.

<div class="clearfix">...</div>

// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

Ole fa'ata'ita'iga lea e fa'aalia ai le fa'aogaina ole clearfix. A aunoa ma le clearfix e le mafai ona taamilo le div afifi faataamilo i faamau e mafua ai ona malepe le faatulagaga.

<div class="bg-info clearfix">
  <button type="button" class="btn btn-secondary float-left">Example Button floated left</button>
  <button type="button" class="btn btn-secondary float-right">Example Button floated right</button>
</div>