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.

Fa'aoga ile HTML:

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

Le mixin source code:

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

Fa'aoga le mixin ile SCSS:

.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-start">Example Button floated left</button>
  <button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>