Padding

<!-- Default -->
u-padding

<!-- All 0 P 5 X -->
u-padding-all0p5x

<!-- Xaxis 0 P 5 X -->
u-padding-xaxis0p5x

<!-- Yaxis 0 P 5 X -->
u-padding-yaxis0p5x

<!-- Top 0 P 5 X -->
u-padding-top0p5x

<!-- Bottom 0 P 5 X -->
u-padding-bottom0p5x

<!-- Left 0 P 5 X -->
u-padding-left0p5x

<!-- Right 0 P 5 X -->
u-padding-right0p5x

<!-- All 1 X -->
u-padding-all1x

<!-- Xaxis 1 X -->
u-padding-xaxis1x

<!-- Yaxis 1 X -->
u-padding-yaxis1x

<!-- Top 1 X -->
u-padding-top1x

<!-- Bottom 1 X -->
u-padding-bottom1x

<!-- Left 1 X -->
u-padding-left1x

<!-- Right 1 X -->
u-padding-right1x

<!-- All 1 P 5 X -->
u-padding-all1p5x

<!-- Xaxis 1 P 5 X -->
u-padding-xaxis1p5x

<!-- Yaxis 1 P 5 X -->
u-padding-yaxis1p5x

<!-- Top 1 P 5 X -->
u-padding-top1p5x

<!-- Bottom 1 P 5 X -->
u-padding-bottom1p5x

<!-- Left 1 P 5 X -->
u-padding-left1p5x

<!-- Right 1 P 5 X -->
u-padding-right1p5x

<!-- All 2 X -->
u-padding-all2x

<!-- Xaxis 2 X -->
u-padding-xaxis2x

<!-- Yaxis 2 X -->
u-padding-yaxis2x

<!-- Top 2 X -->
u-padding-top2x

<!-- Bottom 2 X -->
u-padding-bottom2x

<!-- Left 2 X -->
u-padding-left2x

<!-- Right 2 X -->
u-padding-right2x

<!-- All 2 P 5 X -->
u-padding-all2p5x

<!-- Xaxis 2 P 5 X -->
u-padding-xaxis2p5x

<!-- Yaxis 2 P 5 X -->
u-padding-yaxis2p5x

<!-- Top 2 P 5 X -->
u-padding-top2p5x

<!-- Bottom 2 P 5 X -->
u-padding-bottom2p5x

<!-- Left 2 P 5 X -->
u-padding-left2p5x

<!-- Right 2 P 5 X -->
u-padding-right2p5x

<!-- All 3 X -->
u-padding-all3x

<!-- Xaxis 3 X -->
u-padding-xaxis3x

<!-- Yaxis 3 X -->
u-padding-yaxis3x

<!-- Top 3 X -->
u-padding-top3x

<!-- Bottom 3 X -->
u-padding-bottom3x

<!-- Left 3 X -->
u-padding-left3x

<!-- Right 3 X -->
u-padding-right3x

<!-- All 3 P 5 X -->
u-padding-all3p5x

<!-- Xaxis 3 P 5 X -->
u-padding-xaxis3p5x

<!-- Yaxis 3 P 5 X -->
u-padding-yaxis3p5x

<!-- Top 3 P 5 X -->
u-padding-top3p5x

<!-- Bottom 3 P 5 X -->
u-padding-bottom3p5x

<!-- Left 3 P 5 X -->
u-padding-left3p5x

<!-- Right 3 P 5 X -->
u-padding-right3p5x

<!-- All 4 X -->
u-padding-all4x

<!-- Xaxis 4 X -->
u-padding-xaxis4x

<!-- Yaxis 4 X -->
u-padding-yaxis4x

<!-- Top 4 X -->
u-padding-top4x

<!-- Bottom 4 X -->
u-padding-bottom4x

<!-- Left 4 X -->
u-padding-left4x

<!-- Right 4 X -->
u-padding-right4x

<!-- All 4 P 5 X -->
u-padding-all4p5x

<!-- Xaxis 4 P 5 X -->
u-padding-xaxis4p5x

<!-- Yaxis 4 P 5 X -->
u-padding-yaxis4p5x

<!-- Top 4 P 5 X -->
u-padding-top4p5x

<!-- Bottom 4 P 5 X -->
u-padding-bottom4p5x

<!-- Left 4 P 5 X -->
u-padding-left4p5x

<!-- Right 4 P 5 X -->
u-padding-right4p5x

{{^modifier}}u-padding{{/modifier}}{{modifier}}
/* Default: No context defined. */

/* All 0 P 5 X */
{
  "modifier": "u-padding-all0p5x"
}

/* Xaxis 0 P 5 X */
{
  "modifier": "u-padding-xaxis0p5x"
}

/* Yaxis 0 P 5 X */
{
  "modifier": "u-padding-yaxis0p5x"
}

/* Top 0 P 5 X */
{
  "modifier": "u-padding-top0p5x"
}

/* Bottom 0 P 5 X */
{
  "modifier": "u-padding-bottom0p5x"
}

/* Left 0 P 5 X */
{
  "modifier": "u-padding-left0p5x"
}

/* Right 0 P 5 X */
{
  "modifier": "u-padding-right0p5x"
}

/* All 1 X */
{
  "modifier": "u-padding-all1x"
}

/* Xaxis 1 X */
{
  "modifier": "u-padding-xaxis1x"
}

/* Yaxis 1 X */
{
  "modifier": "u-padding-yaxis1x"
}

/* Top 1 X */
{
  "modifier": "u-padding-top1x"
}

/* Bottom 1 X */
{
  "modifier": "u-padding-bottom1x"
}

/* Left 1 X */
{
  "modifier": "u-padding-left1x"
}

/* Right 1 X */
{
  "modifier": "u-padding-right1x"
}

/* All 1 P 5 X */
{
  "modifier": "u-padding-all1p5x"
}

/* Xaxis 1 P 5 X */
{
  "modifier": "u-padding-xaxis1p5x"
}

/* Yaxis 1 P 5 X */
{
  "modifier": "u-padding-yaxis1p5x"
}

/* Top 1 P 5 X */
{
  "modifier": "u-padding-top1p5x"
}

/* Bottom 1 P 5 X */
{
  "modifier": "u-padding-bottom1p5x"
}

/* Left 1 P 5 X */
{
  "modifier": "u-padding-left1p5x"
}

/* Right 1 P 5 X */
{
  "modifier": "u-padding-right1p5x"
}

/* All 2 X */
{
  "modifier": "u-padding-all2x"
}

/* Xaxis 2 X */
{
  "modifier": "u-padding-xaxis2x"
}

/* Yaxis 2 X */
{
  "modifier": "u-padding-yaxis2x"
}

/* Top 2 X */
{
  "modifier": "u-padding-top2x"
}

/* Bottom 2 X */
{
  "modifier": "u-padding-bottom2x"
}

/* Left 2 X */
{
  "modifier": "u-padding-left2x"
}

/* Right 2 X */
{
  "modifier": "u-padding-right2x"
}

/* All 2 P 5 X */
{
  "modifier": "u-padding-all2p5x"
}

/* Xaxis 2 P 5 X */
{
  "modifier": "u-padding-xaxis2p5x"
}

/* Yaxis 2 P 5 X */
{
  "modifier": "u-padding-yaxis2p5x"
}

/* Top 2 P 5 X */
{
  "modifier": "u-padding-top2p5x"
}

/* Bottom 2 P 5 X */
{
  "modifier": "u-padding-bottom2p5x"
}

/* Left 2 P 5 X */
{
  "modifier": "u-padding-left2p5x"
}

/* Right 2 P 5 X */
{
  "modifier": "u-padding-right2p5x"
}

/* All 3 X */
{
  "modifier": "u-padding-all3x"
}

/* Xaxis 3 X */
{
  "modifier": "u-padding-xaxis3x"
}

/* Yaxis 3 X */
{
  "modifier": "u-padding-yaxis3x"
}

/* Top 3 X */
{
  "modifier": "u-padding-top3x"
}

/* Bottom 3 X */
{
  "modifier": "u-padding-bottom3x"
}

/* Left 3 X */
{
  "modifier": "u-padding-left3x"
}

/* Right 3 X */
{
  "modifier": "u-padding-right3x"
}

/* All 3 P 5 X */
{
  "modifier": "u-padding-all3p5x"
}

/* Xaxis 3 P 5 X */
{
  "modifier": "u-padding-xaxis3p5x"
}

/* Yaxis 3 P 5 X */
{
  "modifier": "u-padding-yaxis3p5x"
}

/* Top 3 P 5 X */
{
  "modifier": "u-padding-top3p5x"
}

/* Bottom 3 P 5 X */
{
  "modifier": "u-padding-bottom3p5x"
}

/* Left 3 P 5 X */
{
  "modifier": "u-padding-left3p5x"
}

/* Right 3 P 5 X */
{
  "modifier": "u-padding-right3p5x"
}

/* All 4 X */
{
  "modifier": "u-padding-all4x"
}

/* Xaxis 4 X */
{
  "modifier": "u-padding-xaxis4x"
}

/* Yaxis 4 X */
{
  "modifier": "u-padding-yaxis4x"
}

/* Top 4 X */
{
  "modifier": "u-padding-top4x"
}

/* Bottom 4 X */
{
  "modifier": "u-padding-bottom4x"
}

/* Left 4 X */
{
  "modifier": "u-padding-left4x"
}

/* Right 4 X */
{
  "modifier": "u-padding-right4x"
}

/* All 4 P 5 X */
{
  "modifier": "u-padding-all4p5x"
}

/* Xaxis 4 P 5 X */
{
  "modifier": "u-padding-xaxis4p5x"
}

/* Yaxis 4 P 5 X */
{
  "modifier": "u-padding-yaxis4p5x"
}

/* Top 4 P 5 X */
{
  "modifier": "u-padding-top4p5x"
}

/* Bottom 4 P 5 X */
{
  "modifier": "u-padding-bottom4p5x"
}

/* Left 4 P 5 X */
{
  "modifier": "u-padding-left4p5x"
}

/* Right 4 P 5 X */
{
  "modifier": "u-padding-right4p5x"
}

  • Content:
    // Declare the module and submodules for each axis
    @include utility-axes(padding);
    
  • URL: /components/raw/u-padding/_u-padding.scss
  • Filesystem Path: src/scss/01-utilities/u-padding/_u-padding.scss
  • Size: 83 Bytes

No notes defined.