Skip to main content Skip ad navigationem soUicitudo

Toggle elementum quodlibet innatat, trans punctum aliquod, utens utilitates nostras responsivas natat.

Overview

Hae utilitates classes fluitant elementum sinistrum vel dextrum, vel inactivare fluitans, innixa in magnitudine praesentis magnitudinis utens proprietate CSSfloat . !importantne proventus speciei includitur. Haec eadem prospectu breakpoints utuntur ut nostra eget ratio. Quaeso ut cognoscas supernatet utilitates nullum effectum habent in flexo items.

Supernatet satus super omnes magnitudinum viewport

Supernatet finem omnium magnitudinum viewport

Non fluitant omnes viewport moles
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Responsivum

Variationes Responsivae etiam pro unoquoque floatvalore existunt.

Supernatet satus viewports amplitudo SM (small) seu latius

Super viewports mediocri MD (media) vel latius incipit

Float satus in viewports amplitudo LG (magna) vel latiore

Float satus in viewports amplitudo XL (extra-magna) vel latiore

<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>

Hic sunt omnes subsidii classes:

  • .float-start
  • .float-end
  • .float-none
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none
  • .float-xxl-start
  • .float-xxl-end
  • .float-xxl-none

Sass

Utilitas API

Utilitas natat in nostris utilitatibus declarantur API in scss/_utilities.scss. Utilitatibus uti disce API.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),