nix

  • Docs
Docs Menu
  • nix
    • Display
    • Flexbox
    • Float
    • Margin
    • Sizing
    • Padding
    • Position
    • Text
    • Others

Float guide

float

CLASSDESCRIPTION
.nix-float_noneThe element does not float, (will be displayed just where it occurs in the text).
.nix-float_leftThe element floats to the left of its container
.nix-float_rightThe element floats the right of its container
<div class="nix-float_left"></div>
xxxxxxxxxx
 
1
<div class="nix-float_left"></div>

clear

CLASSDESCRIPTION
.nix-clear_noneAllows floating elements on both sides
.nix-clear_bothNo floating elements allowed on either the left or the right side
.nix-clear_leftNo floating elements allowed on the left side
.nix-clear_rightNo floating elements allowed on the right side
<div class="nix-clear_both"></div>
xxxxxxxxxx
 
1
<div class="nix-clear_both"></div>

Responsive example

CLASSDESCRIPTION
.nix-float_none--xs--xs suffix only affects device widths of 768px and lower.
.nix-clear_left--sm--sm suffix only affects device widths of 1024px and lower.
.nix-clear_right--md--md suffix only affects device widths of 1200px and lower.

Contribute on Github! Edit this section.

  • float11 sec read
  • clear12 sec read
  • Responsive example11 sec read
    Copy