nix

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

Sizing guide

width

CLASSDESCRIPTION
.nix-width_autoSet width to auto
.nix-width_0Set width to 0
.nix-width_25Set width to 25%
.nix-width_50Set width to 50%
.nix-width_75Set width to 75%
.nix-width_100Set width to 100%
<div class="nix-margin_100"></div>
xxxxxxxxxx
 
1
<div class="nix-margin_100"></div>

height

CLASSDESCRIPTION
.nix-height_autoSet height to auto
.nix-height_0Set height to 0
.nix-height_25Set height to 25%
.nix-height_50Set height to 50%
.nix-height_75Set height to 75%
.nix-height_100Set height to 100%
<div class="nix-height_auto"></div>
xxxxxxxxxx
 
1
<div class="nix-height_auto"></div>

Responsive example

CLASSDESCRIPTION
.nix-width_100--xs--xs suffix only affects device widths of 768px and lower.
.nix-height_auto--sm--sm suffix only affects device widths of 1024px and lower.
.nix-width_50--md--md suffix only affects device widths of 1200px and lower.

Contribute on Github! Edit this section.

  • width9 sec read
  • height10 sec read
  • Responsive example11 sec read
    Copy