Margin

<!-- Default -->
u-margin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

No notes defined.