Floats

Version: 2.0.0

Edit

Utilities for floating content.

Keywords

Author: Mary Ditchen
Since: 2.0.0
Source: /source/patterns/utilities/floats.scss#L11

Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.

<!-- float left -->
<div>
  <img class="u-float-left" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>

<!-- float right -->
<div>
  <img class="u-float-right" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>

<!-- float none -->
<div>
  <img class="u-float-none" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>

Globals

Author: Mary Ditchen
Since: 2.0.0
Source: /source/patterns/utilities/floats.scss#L46

<!-- float inherit -->
<div>
  <img class="u-float-inherit" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>

<!-- float initial -->
<div>
  <img class="u-float-initial" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>

<!-- float unset -->
<div>
  <img class="u-float-unset" src="https://placehold.it/180" alt="floated image" />
  <p>Bacon ipsum dolor amet jerky doner pastrami ground round short ribs, cow short loin tenderloin biltong hamburger turkey picanha bacon strip steak. Prosciutto tenderloin shoulder frankfurter short ribs, pancetta pastrami shank burgdoggen ball tip hamburger brisket filet mignon.</p>
</div>