nix

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

Padding guide

padding

Default padding sizes range from 0px to 100px, with interval of 5.

CLASSDESCRIPTION
.nix-padding_0Add padding on all sides
.nix-padding-top_5Add top padding
.nix-padding-right_10Add right padding
.nix-padding-bottom_15Add bottom padding
.nix-padding-left_20Add left padding
<div class="nix-padding-top_5"></div>
xxxxxxxxxx
 
1
<div class="nix-padding-top_5"></div>

Responsive example

CLASSDESCRIPTION
.nix-padding_0--xs--xs suffix only affects device widths of 768px and lower.
.nix-padding-top_5--sm--sm suffix only affects device widths of 1024px and lower.
.nix-padding-right_10--md--md suffix only affects device widths of 1200px and lower.

Contribute on Github! Edit this section.

  • padding12 sec read
  • Responsive example11 sec read
    Copy