Created
October 29, 2015 16:34
-
-
Save colinwren/69d01a8a2a8ffb87a77e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $properties: (long-name: 'margin', short-name: 'm'), (long-name: 'padding', short-name: 'p'); | |
| $unit-base: 4px; | |
| $directions: (long-name: 'Top', short-name: 't'), (long-name: 'Right', short-name: 'r'), (long-name:'Bottom', short-name: 'b'), (long-name:'Left', short-name:'l'); | |
| @each $property in $properties { | |
| @for $num from 0 through 24 { | |
| $property-rule: ($unit-base * $num) !important; | |
| .u-#{map-get($property, long-name)}#{$num}x { | |
| #{map-get($property, long-name)}: $property-rule; | |
| } | |
| .u-#{map-get($property, short-name)}#{$num}x { | |
| @extend .u-#{map-get($property, long-name)}#{$num}x; | |
| } | |
| } | |
| @for $num from 0 through 24 { | |
| $property-rule: ($unit-base * $num) !important; | |
| .u-#{map-get($property, short-name)}Vertical#{$num}x { | |
| #{map-get($property, long-name)}-top: $property-rule; | |
| #{map-get($property, long-name)}-bottom: $property-rule; | |
| } | |
| .u-#{map-get($property, short-name)}v#{$num}x { | |
| @extend .u-#{map-get($property, short-name)}Vertical#{$num}x; | |
| } | |
| .u-#{map-get($property, short-name)}Horizontal#{$num}x { | |
| #{map-get($property, long-name)}-right: $property-rule; | |
| #{map-get($property, long-name)}-left: $property-rule; | |
| } | |
| .u-#{map-get($property, short-name)}h#{$num}x { | |
| @extend .u-#{map-get($property, short-name)}Horizontal#{$num}x; | |
| } | |
| } | |
| @each $direction in $directions { | |
| @for $num from 0 through 24 { | |
| $property-rule: ($unit-base * $num) !important; | |
| .u-#{map-get($property, long-name)}#{map-get($direction,long-name)}#{$num}x { | |
| #{map-get($property, long-name)}-#{to-lower-case(map-get($direction, long-name))}: $property-rule; | |
| } | |
| .u-#{map-get($property, short-name)}#{map-get($direction,short-name)}#{$num}x { | |
| @extend .u-#{map-get($property, long-name)}#{map-get($direction,long-name)}#{$num}x; | |
| } | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .u-margin0x, .u-m0x { | |
| margin: 0px !important; | |
| } | |
| .u-margin1x, .u-m1x { | |
| margin: 4px !important; | |
| } | |
| .u-margin2x, .u-m2x { | |
| margin: 8px !important; | |
| } | |
| .u-margin3x, .u-m3x { | |
| margin: 12px !important; | |
| } | |
| .u-margin4x, .u-m4x { | |
| margin: 16px !important; | |
| } | |
| .u-margin5x, .u-m5x { | |
| margin: 20px !important; | |
| } | |
| .u-margin6x, .u-m6x { | |
| margin: 24px !important; | |
| } | |
| .u-margin7x, .u-m7x { | |
| margin: 28px !important; | |
| } | |
| .u-margin8x, .u-m8x { | |
| margin: 32px !important; | |
| } | |
| .u-margin9x, .u-m9x { | |
| margin: 36px !important; | |
| } | |
| .u-margin10x, .u-m10x { | |
| margin: 40px !important; | |
| } | |
| .u-margin11x, .u-m11x { | |
| margin: 44px !important; | |
| } | |
| .u-margin12x, .u-m12x { | |
| margin: 48px !important; | |
| } | |
| .u-margin13x, .u-m13x { | |
| margin: 52px !important; | |
| } | |
| .u-margin14x, .u-m14x { | |
| margin: 56px !important; | |
| } | |
| .u-margin15x, .u-m15x { | |
| margin: 60px !important; | |
| } | |
| .u-margin16x, .u-m16x { | |
| margin: 64px !important; | |
| } | |
| .u-margin17x, .u-m17x { | |
| margin: 68px !important; | |
| } | |
| .u-margin18x, .u-m18x { | |
| margin: 72px !important; | |
| } | |
| .u-margin19x, .u-m19x { | |
| margin: 76px !important; | |
| } | |
| .u-margin20x, .u-m20x { | |
| margin: 80px !important; | |
| } | |
| .u-margin21x, .u-m21x { | |
| margin: 84px !important; | |
| } | |
| .u-margin22x, .u-m22x { | |
| margin: 88px !important; | |
| } | |
| .u-margin23x, .u-m23x { | |
| margin: 92px !important; | |
| } | |
| .u-margin24x, .u-m24x { | |
| margin: 96px !important; | |
| } | |
| .u-mVertical0x, .u-mv0x { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .u-mHorizontal0x, .u-mh0x { | |
| margin-right: 0px !important; | |
| margin-left: 0px !important; | |
| } | |
| .u-mVertical1x, .u-mv1x { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| } | |
| .u-mHorizontal1x, .u-mh1x { | |
| margin-right: 4px !important; | |
| margin-left: 4px !important; | |
| } | |
| .u-mVertical2x, .u-mv2x { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; | |
| } | |
| .u-mHorizontal2x, .u-mh2x { | |
| margin-right: 8px !important; | |
| margin-left: 8px !important; | |
| } | |
| .u-mVertical3x, .u-mv3x { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .u-mHorizontal3x, .u-mh3x { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .u-mVertical4x, .u-mv4x { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; | |
| } | |
| .u-mHorizontal4x, .u-mh4x { | |
| margin-right: 16px !important; | |
| margin-left: 16px !important; | |
| } | |
| .u-mVertical5x, .u-mv5x { | |
| margin-top: 20px !important; | |
| margin-bottom: 20px !important; | |
| } | |
| .u-mHorizontal5x, .u-mh5x { | |
| margin-right: 20px !important; | |
| margin-left: 20px !important; | |
| } | |
| .u-mVertical6x, .u-mv6x { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| .u-mHorizontal6x, .u-mh6x { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .u-mVertical7x, .u-mv7x { | |
| margin-top: 28px !important; | |
| margin-bottom: 28px !important; | |
| } | |
| .u-mHorizontal7x, .u-mh7x { | |
| margin-right: 28px !important; | |
| margin-left: 28px !important; | |
| } | |
| .u-mVertical8x, .u-mv8x { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; | |
| } | |
| .u-mHorizontal8x, .u-mh8x { | |
| margin-right: 32px !important; | |
| margin-left: 32px !important; | |
| } | |
| .u-mVertical9x, .u-mv9x { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| .u-mHorizontal9x, .u-mh9x { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .u-mVertical10x, .u-mv10x { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; | |
| } | |
| .u-mHorizontal10x, .u-mh10x { | |
| margin-right: 40px !important; | |
| margin-left: 40px !important; | |
| } | |
| .u-mVertical11x, .u-mv11x { | |
| margin-top: 44px !important; | |
| margin-bottom: 44px !important; | |
| } | |
| .u-mHorizontal11x, .u-mh11x { | |
| margin-right: 44px !important; | |
| margin-left: 44px !important; | |
| } | |
| .u-mVertical12x, .u-mv12x { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| .u-mHorizontal12x, .u-mh12x { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .u-mVertical13x, .u-mv13x { | |
| margin-top: 52px !important; | |
| margin-bottom: 52px !important; | |
| } | |
| .u-mHorizontal13x, .u-mh13x { | |
| margin-right: 52px !important; | |
| margin-left: 52px !important; | |
| } | |
| .u-mVertical14x, .u-mv14x { | |
| margin-top: 56px !important; | |
| margin-bottom: 56px !important; | |
| } | |
| .u-mHorizontal14x, .u-mh14x { | |
| margin-right: 56px !important; | |
| margin-left: 56px !important; | |
| } | |
| .u-mVertical15x, .u-mv15x { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| .u-mHorizontal15x, .u-mh15x { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .u-mVertical16x, .u-mv16x { | |
| margin-top: 64px !important; | |
| margin-bottom: 64px !important; | |
| } | |
| .u-mHorizontal16x, .u-mh16x { | |
| margin-right: 64px !important; | |
| margin-left: 64px !important; | |
| } | |
| .u-mVertical17x, .u-mv17x { | |
| margin-top: 68px !important; | |
| margin-bottom: 68px !important; | |
| } | |
| .u-mHorizontal17x, .u-mh17x { | |
| margin-right: 68px !important; | |
| margin-left: 68px !important; | |
| } | |
| .u-mVertical18x, .u-mv18x { | |
| margin-top: 72px !important; | |
| margin-bottom: 72px !important; | |
| } | |
| .u-mHorizontal18x, .u-mh18x { | |
| margin-right: 72px !important; | |
| margin-left: 72px !important; | |
| } | |
| .u-mVertical19x, .u-mv19x { | |
| margin-top: 76px !important; | |
| margin-bottom: 76px !important; | |
| } | |
| .u-mHorizontal19x, .u-mh19x { | |
| margin-right: 76px !important; | |
| margin-left: 76px !important; | |
| } | |
| .u-mVertical20x, .u-mv20x { | |
| margin-top: 80px !important; | |
| margin-bottom: 80px !important; | |
| } | |
| .u-mHorizontal20x, .u-mh20x { | |
| margin-right: 80px !important; | |
| margin-left: 80px !important; | |
| } | |
| .u-mVertical21x, .u-mv21x { | |
| margin-top: 84px !important; | |
| margin-bottom: 84px !important; | |
| } | |
| .u-mHorizontal21x, .u-mh21x { | |
| margin-right: 84px !important; | |
| margin-left: 84px !important; | |
| } | |
| .u-mVertical22x, .u-mv22x { | |
| margin-top: 88px !important; | |
| margin-bottom: 88px !important; | |
| } | |
| .u-mHorizontal22x, .u-mh22x { | |
| margin-right: 88px !important; | |
| margin-left: 88px !important; | |
| } | |
| .u-mVertical23x, .u-mv23x { | |
| margin-top: 92px !important; | |
| margin-bottom: 92px !important; | |
| } | |
| .u-mHorizontal23x, .u-mh23x { | |
| margin-right: 92px !important; | |
| margin-left: 92px !important; | |
| } | |
| .u-mVertical24x, .u-mv24x { | |
| margin-top: 96px !important; | |
| margin-bottom: 96px !important; | |
| } | |
| .u-mHorizontal24x, .u-mh24x { | |
| margin-right: 96px !important; | |
| margin-left: 96px !important; | |
| } | |
| .u-marginTop0x, .u-mt0x { | |
| margin-top: 0px !important; | |
| } | |
| .u-marginTop1x, .u-mt1x { | |
| margin-top: 4px !important; | |
| } | |
| .u-marginTop2x, .u-mt2x { | |
| margin-top: 8px !important; | |
| } | |
| .u-marginTop3x, .u-mt3x { | |
| margin-top: 12px !important; | |
| } | |
| .u-marginTop4x, .u-mt4x { | |
| margin-top: 16px !important; | |
| } | |
| .u-marginTop5x, .u-mt5x { | |
| margin-top: 20px !important; | |
| } | |
| .u-marginTop6x, .u-mt6x { | |
| margin-top: 24px !important; | |
| } | |
| .u-marginTop7x, .u-mt7x { | |
| margin-top: 28px !important; | |
| } | |
| .u-marginTop8x, .u-mt8x { | |
| margin-top: 32px !important; | |
| } | |
| .u-marginTop9x, .u-mt9x { | |
| margin-top: 36px !important; | |
| } | |
| .u-marginTop10x, .u-mt10x { | |
| margin-top: 40px !important; | |
| } | |
| .u-marginTop11x, .u-mt11x { | |
| margin-top: 44px !important; | |
| } | |
| .u-marginTop12x, .u-mt12x { | |
| margin-top: 48px !important; | |
| } | |
| .u-marginTop13x, .u-mt13x { | |
| margin-top: 52px !important; | |
| } | |
| .u-marginTop14x, .u-mt14x { | |
| margin-top: 56px !important; | |
| } | |
| .u-marginTop15x, .u-mt15x { | |
| margin-top: 60px !important; | |
| } | |
| .u-marginTop16x, .u-mt16x { | |
| margin-top: 64px !important; | |
| } | |
| .u-marginTop17x, .u-mt17x { | |
| margin-top: 68px !important; | |
| } | |
| .u-marginTop18x, .u-mt18x { | |
| margin-top: 72px !important; | |
| } | |
| .u-marginTop19x, .u-mt19x { | |
| margin-top: 76px !important; | |
| } | |
| .u-marginTop20x, .u-mt20x { | |
| margin-top: 80px !important; | |
| } | |
| .u-marginTop21x, .u-mt21x { | |
| margin-top: 84px !important; | |
| } | |
| .u-marginTop22x, .u-mt22x { | |
| margin-top: 88px !important; | |
| } | |
| .u-marginTop23x, .u-mt23x { | |
| margin-top: 92px !important; | |
| } | |
| .u-marginTop24x, .u-mt24x { | |
| margin-top: 96px !important; | |
| } | |
| .u-marginRight0x, .u-mr0x { | |
| margin-right: 0px !important; | |
| } | |
| .u-marginRight1x, .u-mr1x { | |
| margin-right: 4px !important; | |
| } | |
| .u-marginRight2x, .u-mr2x { | |
| margin-right: 8px !important; | |
| } | |
| .u-marginRight3x, .u-mr3x { | |
| margin-right: 12px !important; | |
| } | |
| .u-marginRight4x, .u-mr4x { | |
| margin-right: 16px !important; | |
| } | |
| .u-marginRight5x, .u-mr5x { | |
| margin-right: 20px !important; | |
| } | |
| .u-marginRight6x, .u-mr6x { | |
| margin-right: 24px !important; | |
| } | |
| .u-marginRight7x, .u-mr7x { | |
| margin-right: 28px !important; | |
| } | |
| .u-marginRight8x, .u-mr8x { | |
| margin-right: 32px !important; | |
| } | |
| .u-marginRight9x, .u-mr9x { | |
| margin-right: 36px !important; | |
| } | |
| .u-marginRight10x, .u-mr10x { | |
| margin-right: 40px !important; | |
| } | |
| .u-marginRight11x, .u-mr11x { | |
| margin-right: 44px !important; | |
| } | |
| .u-marginRight12x, .u-mr12x { | |
| margin-right: 48px !important; | |
| } | |
| .u-marginRight13x, .u-mr13x { | |
| margin-right: 52px !important; | |
| } | |
| .u-marginRight14x, .u-mr14x { | |
| margin-right: 56px !important; | |
| } | |
| .u-marginRight15x, .u-mr15x { | |
| margin-right: 60px !important; | |
| } | |
| .u-marginRight16x, .u-mr16x { | |
| margin-right: 64px !important; | |
| } | |
| .u-marginRight17x, .u-mr17x { | |
| margin-right: 68px !important; | |
| } | |
| .u-marginRight18x, .u-mr18x { | |
| margin-right: 72px !important; | |
| } | |
| .u-marginRight19x, .u-mr19x { | |
| margin-right: 76px !important; | |
| } | |
| .u-marginRight20x, .u-mr20x { | |
| margin-right: 80px !important; | |
| } | |
| .u-marginRight21x, .u-mr21x { | |
| margin-right: 84px !important; | |
| } | |
| .u-marginRight22x, .u-mr22x { | |
| margin-right: 88px !important; | |
| } | |
| .u-marginRight23x, .u-mr23x { | |
| margin-right: 92px !important; | |
| } | |
| .u-marginRight24x, .u-mr24x { | |
| margin-right: 96px !important; | |
| } | |
| .u-marginBottom0x, .u-mb0x { | |
| margin-bottom: 0px !important; | |
| } | |
| .u-marginBottom1x, .u-mb1x { | |
| margin-bottom: 4px !important; | |
| } | |
| .u-marginBottom2x, .u-mb2x { | |
| margin-bottom: 8px !important; | |
| } | |
| .u-marginBottom3x, .u-mb3x { | |
| margin-bottom: 12px !important; | |
| } | |
| .u-marginBottom4x, .u-mb4x { | |
| margin-bottom: 16px !important; | |
| } | |
| .u-marginBottom5x, .u-mb5x { | |
| margin-bottom: 20px !important; | |
| } | |
| .u-marginBottom6x, .u-mb6x { | |
| margin-bottom: 24px !important; | |
| } | |
| .u-marginBottom7x, .u-mb7x { | |
| margin-bottom: 28px !important; | |
| } | |
| .u-marginBottom8x, .u-mb8x { | |
| margin-bottom: 32px !important; | |
| } | |
| .u-marginBottom9x, .u-mb9x { | |
| margin-bottom: 36px !important; | |
| } | |
| .u-marginBottom10x, .u-mb10x { | |
| margin-bottom: 40px !important; | |
| } | |
| .u-marginBottom11x, .u-mb11x { | |
| margin-bottom: 44px !important; | |
| } | |
| .u-marginBottom12x, .u-mb12x { | |
| margin-bottom: 48px !important; | |
| } | |
| .u-marginBottom13x, .u-mb13x { | |
| margin-bottom: 52px !important; | |
| } | |
| .u-marginBottom14x, .u-mb14x { | |
| margin-bottom: 56px !important; | |
| } | |
| .u-marginBottom15x, .u-mb15x { | |
| margin-bottom: 60px !important; | |
| } | |
| .u-marginBottom16x, .u-mb16x { | |
| margin-bottom: 64px !important; | |
| } | |
| .u-marginBottom17x, .u-mb17x { | |
| margin-bottom: 68px !important; | |
| } | |
| .u-marginBottom18x, .u-mb18x { | |
| margin-bottom: 72px !important; | |
| } | |
| .u-marginBottom19x, .u-mb19x { | |
| margin-bottom: 76px !important; | |
| } | |
| .u-marginBottom20x, .u-mb20x { | |
| margin-bottom: 80px !important; | |
| } | |
| .u-marginBottom21x, .u-mb21x { | |
| margin-bottom: 84px !important; | |
| } | |
| .u-marginBottom22x, .u-mb22x { | |
| margin-bottom: 88px !important; | |
| } | |
| .u-marginBottom23x, .u-mb23x { | |
| margin-bottom: 92px !important; | |
| } | |
| .u-marginBottom24x, .u-mb24x { | |
| margin-bottom: 96px !important; | |
| } | |
| .u-marginLeft0x, .u-ml0x { | |
| margin-left: 0px !important; | |
| } | |
| .u-marginLeft1x, .u-ml1x { | |
| margin-left: 4px !important; | |
| } | |
| .u-marginLeft2x, .u-ml2x { | |
| margin-left: 8px !important; | |
| } | |
| .u-marginLeft3x, .u-ml3x { | |
| margin-left: 12px !important; | |
| } | |
| .u-marginLeft4x, .u-ml4x { | |
| margin-left: 16px !important; | |
| } | |
| .u-marginLeft5x, .u-ml5x { | |
| margin-left: 20px !important; | |
| } | |
| .u-marginLeft6x, .u-ml6x { | |
| margin-left: 24px !important; | |
| } | |
| .u-marginLeft7x, .u-ml7x { | |
| margin-left: 28px !important; | |
| } | |
| .u-marginLeft8x, .u-ml8x { | |
| margin-left: 32px !important; | |
| } | |
| .u-marginLeft9x, .u-ml9x { | |
| margin-left: 36px !important; | |
| } | |
| .u-marginLeft10x, .u-ml10x { | |
| margin-left: 40px !important; | |
| } | |
| .u-marginLeft11x, .u-ml11x { | |
| margin-left: 44px !important; | |
| } | |
| .u-marginLeft12x, .u-ml12x { | |
| margin-left: 48px !important; | |
| } | |
| .u-marginLeft13x, .u-ml13x { | |
| margin-left: 52px !important; | |
| } | |
| .u-marginLeft14x, .u-ml14x { | |
| margin-left: 56px !important; | |
| } | |
| .u-marginLeft15x, .u-ml15x { | |
| margin-left: 60px !important; | |
| } | |
| .u-marginLeft16x, .u-ml16x { | |
| margin-left: 64px !important; | |
| } | |
| .u-marginLeft17x, .u-ml17x { | |
| margin-left: 68px !important; | |
| } | |
| .u-marginLeft18x, .u-ml18x { | |
| margin-left: 72px !important; | |
| } | |
| .u-marginLeft19x, .u-ml19x { | |
| margin-left: 76px !important; | |
| } | |
| .u-marginLeft20x, .u-ml20x { | |
| margin-left: 80px !important; | |
| } | |
| .u-marginLeft21x, .u-ml21x { | |
| margin-left: 84px !important; | |
| } | |
| .u-marginLeft22x, .u-ml22x { | |
| margin-left: 88px !important; | |
| } | |
| .u-marginLeft23x, .u-ml23x { | |
| margin-left: 92px !important; | |
| } | |
| .u-marginLeft24x, .u-ml24x { | |
| margin-left: 96px !important; | |
| } | |
| .u-padding0x, .u-p0x { | |
| padding: 0px !important; | |
| } | |
| .u-padding1x, .u-p1x { | |
| padding: 4px !important; | |
| } | |
| .u-padding2x, .u-p2x { | |
| padding: 8px !important; | |
| } | |
| .u-padding3x, .u-p3x { | |
| padding: 12px !important; | |
| } | |
| .u-padding4x, .u-p4x { | |
| padding: 16px !important; | |
| } | |
| .u-padding5x, .u-p5x { | |
| padding: 20px !important; | |
| } | |
| .u-padding6x, .u-p6x { | |
| padding: 24px !important; | |
| } | |
| .u-padding7x, .u-p7x { | |
| padding: 28px !important; | |
| } | |
| .u-padding8x, .u-p8x { | |
| padding: 32px !important; | |
| } | |
| .u-padding9x, .u-p9x { | |
| padding: 36px !important; | |
| } | |
| .u-padding10x, .u-p10x { | |
| padding: 40px !important; | |
| } | |
| .u-padding11x, .u-p11x { | |
| padding: 44px !important; | |
| } | |
| .u-padding12x, .u-p12x { | |
| padding: 48px !important; | |
| } | |
| .u-padding13x, .u-p13x { | |
| padding: 52px !important; | |
| } | |
| .u-padding14x, .u-p14x { | |
| padding: 56px !important; | |
| } | |
| .u-padding15x, .u-p15x { | |
| padding: 60px !important; | |
| } | |
| .u-padding16x, .u-p16x { | |
| padding: 64px !important; | |
| } | |
| .u-padding17x, .u-p17x { | |
| padding: 68px !important; | |
| } | |
| .u-padding18x, .u-p18x { | |
| padding: 72px !important; | |
| } | |
| .u-padding19x, .u-p19x { | |
| padding: 76px !important; | |
| } | |
| .u-padding20x, .u-p20x { | |
| padding: 80px !important; | |
| } | |
| .u-padding21x, .u-p21x { | |
| padding: 84px !important; | |
| } | |
| .u-padding22x, .u-p22x { | |
| padding: 88px !important; | |
| } | |
| .u-padding23x, .u-p23x { | |
| padding: 92px !important; | |
| } | |
| .u-padding24x, .u-p24x { | |
| padding: 96px !important; | |
| } | |
| .u-pVertical0x, .u-pv0x { | |
| padding-top: 0px !important; | |
| padding-bottom: 0px !important; | |
| } | |
| .u-pHorizontal0x, .u-ph0x { | |
| padding-right: 0px !important; | |
| padding-left: 0px !important; | |
| } | |
| .u-pVertical1x, .u-pv1x { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; | |
| } | |
| .u-pHorizontal1x, .u-ph1x { | |
| padding-right: 4px !important; | |
| padding-left: 4px !important; | |
| } | |
| .u-pVertical2x, .u-pv2x { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; | |
| } | |
| .u-pHorizontal2x, .u-ph2x { | |
| padding-right: 8px !important; | |
| padding-left: 8px !important; | |
| } | |
| .u-pVertical3x, .u-pv3x { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .u-pHorizontal3x, .u-ph3x { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .u-pVertical4x, .u-pv4x { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; | |
| } | |
| .u-pHorizontal4x, .u-ph4x { | |
| padding-right: 16px !important; | |
| padding-left: 16px !important; | |
| } | |
| .u-pVertical5x, .u-pv5x { | |
| padding-top: 20px !important; | |
| padding-bottom: 20px !important; | |
| } | |
| .u-pHorizontal5x, .u-ph5x { | |
| padding-right: 20px !important; | |
| padding-left: 20px !important; | |
| } | |
| .u-pVertical6x, .u-pv6x { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| .u-pHorizontal6x, .u-ph6x { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .u-pVertical7x, .u-pv7x { | |
| padding-top: 28px !important; | |
| padding-bottom: 28px !important; | |
| } | |
| .u-pHorizontal7x, .u-ph7x { | |
| padding-right: 28px !important; | |
| padding-left: 28px !important; | |
| } | |
| .u-pVertical8x, .u-pv8x { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; | |
| } | |
| .u-pHorizontal8x, .u-ph8x { | |
| padding-right: 32px !important; | |
| padding-left: 32px !important; | |
| } | |
| .u-pVertical9x, .u-pv9x { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| .u-pHorizontal9x, .u-ph9x { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .u-pVertical10x, .u-pv10x { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; | |
| } | |
| .u-pHorizontal10x, .u-ph10x { | |
| padding-right: 40px !important; | |
| padding-left: 40px !important; | |
| } | |
| .u-pVertical11x, .u-pv11x { | |
| padding-top: 44px !important; | |
| padding-bottom: 44px !important; | |
| } | |
| .u-pHorizontal11x, .u-ph11x { | |
| padding-right: 44px !important; | |
| padding-left: 44px !important; | |
| } | |
| .u-pVertical12x, .u-pv12x { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| .u-pHorizontal12x, .u-ph12x { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .u-pVertical13x, .u-pv13x { | |
| padding-top: 52px !important; | |
| padding-bottom: 52px !important; | |
| } | |
| .u-pHorizontal13x, .u-ph13x { | |
| padding-right: 52px !important; | |
| padding-left: 52px !important; | |
| } | |
| .u-pVertical14x, .u-pv14x { | |
| padding-top: 56px !important; | |
| padding-bottom: 56px !important; | |
| } | |
| .u-pHorizontal14x, .u-ph14x { | |
| padding-right: 56px !important; | |
| padding-left: 56px !important; | |
| } | |
| .u-pVertical15x, .u-pv15x { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| .u-pHorizontal15x, .u-ph15x { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .u-pVertical16x, .u-pv16x { | |
| padding-top: 64px !important; | |
| padding-bottom: 64px !important; | |
| } | |
| .u-pHorizontal16x, .u-ph16x { | |
| padding-right: 64px !important; | |
| padding-left: 64px !important; | |
| } | |
| .u-pVertical17x, .u-pv17x { | |
| padding-top: 68px !important; | |
| padding-bottom: 68px !important; | |
| } | |
| .u-pHorizontal17x, .u-ph17x { | |
| padding-right: 68px !important; | |
| padding-left: 68px !important; | |
| } | |
| .u-pVertical18x, .u-pv18x { | |
| padding-top: 72px !important; | |
| padding-bottom: 72px !important; | |
| } | |
| .u-pHorizontal18x, .u-ph18x { | |
| padding-right: 72px !important; | |
| padding-left: 72px !important; | |
| } | |
| .u-pVertical19x, .u-pv19x { | |
| padding-top: 76px !important; | |
| padding-bottom: 76px !important; | |
| } | |
| .u-pHorizontal19x, .u-ph19x { | |
| padding-right: 76px !important; | |
| padding-left: 76px !important; | |
| } | |
| .u-pVertical20x, .u-pv20x { | |
| padding-top: 80px !important; | |
| padding-bottom: 80px !important; | |
| } | |
| .u-pHorizontal20x, .u-ph20x { | |
| padding-right: 80px !important; | |
| padding-left: 80px !important; | |
| } | |
| .u-pVertical21x, .u-pv21x { | |
| padding-top: 84px !important; | |
| padding-bottom: 84px !important; | |
| } | |
| .u-pHorizontal21x, .u-ph21x { | |
| padding-right: 84px !important; | |
| padding-left: 84px !important; | |
| } | |
| .u-pVertical22x, .u-pv22x { | |
| padding-top: 88px !important; | |
| padding-bottom: 88px !important; | |
| } | |
| .u-pHorizontal22x, .u-ph22x { | |
| padding-right: 88px !important; | |
| padding-left: 88px !important; | |
| } | |
| .u-pVertical23x, .u-pv23x { | |
| padding-top: 92px !important; | |
| padding-bottom: 92px !important; | |
| } | |
| .u-pHorizontal23x, .u-ph23x { | |
| padding-right: 92px !important; | |
| padding-left: 92px !important; | |
| } | |
| .u-pVertical24x, .u-pv24x { | |
| padding-top: 96px !important; | |
| padding-bottom: 96px !important; | |
| } | |
| .u-pHorizontal24x, .u-ph24x { | |
| padding-right: 96px !important; | |
| padding-left: 96px !important; | |
| } | |
| .u-paddingTop0x, .u-pt0x { | |
| padding-top: 0px !important; | |
| } | |
| .u-paddingTop1x, .u-pt1x { | |
| padding-top: 4px !important; | |
| } | |
| .u-paddingTop2x, .u-pt2x { | |
| padding-top: 8px !important; | |
| } | |
| .u-paddingTop3x, .u-pt3x { | |
| padding-top: 12px !important; | |
| } | |
| .u-paddingTop4x, .u-pt4x { | |
| padding-top: 16px !important; | |
| } | |
| .u-paddingTop5x, .u-pt5x { | |
| padding-top: 20px !important; | |
| } | |
| .u-paddingTop6x, .u-pt6x { | |
| padding-top: 24px !important; | |
| } | |
| .u-paddingTop7x, .u-pt7x { | |
| padding-top: 28px !important; | |
| } | |
| .u-paddingTop8x, .u-pt8x { | |
| padding-top: 32px !important; | |
| } | |
| .u-paddingTop9x, .u-pt9x { | |
| padding-top: 36px !important; | |
| } | |
| .u-paddingTop10x, .u-pt10x { | |
| padding-top: 40px !important; | |
| } | |
| .u-paddingTop11x, .u-pt11x { | |
| padding-top: 44px !important; | |
| } | |
| .u-paddingTop12x, .u-pt12x { | |
| padding-top: 48px !important; | |
| } | |
| .u-paddingTop13x, .u-pt13x { | |
| padding-top: 52px !important; | |
| } | |
| .u-paddingTop14x, .u-pt14x { | |
| padding-top: 56px !important; | |
| } | |
| .u-paddingTop15x, .u-pt15x { | |
| padding-top: 60px !important; | |
| } | |
| .u-paddingTop16x, .u-pt16x { | |
| padding-top: 64px !important; | |
| } | |
| .u-paddingTop17x, .u-pt17x { | |
| padding-top: 68px !important; | |
| } | |
| .u-paddingTop18x, .u-pt18x { | |
| padding-top: 72px !important; | |
| } | |
| .u-paddingTop19x, .u-pt19x { | |
| padding-top: 76px !important; | |
| } | |
| .u-paddingTop20x, .u-pt20x { | |
| padding-top: 80px !important; | |
| } | |
| .u-paddingTop21x, .u-pt21x { | |
| padding-top: 84px !important; | |
| } | |
| .u-paddingTop22x, .u-pt22x { | |
| padding-top: 88px !important; | |
| } | |
| .u-paddingTop23x, .u-pt23x { | |
| padding-top: 92px !important; | |
| } | |
| .u-paddingTop24x, .u-pt24x { | |
| padding-top: 96px !important; | |
| } | |
| .u-paddingRight0x, .u-pr0x { | |
| padding-right: 0px !important; | |
| } | |
| .u-paddingRight1x, .u-pr1x { | |
| padding-right: 4px !important; | |
| } | |
| .u-paddingRight2x, .u-pr2x { | |
| padding-right: 8px !important; | |
| } | |
| .u-paddingRight3x, .u-pr3x { | |
| padding-right: 12px !important; | |
| } | |
| .u-paddingRight4x, .u-pr4x { | |
| padding-right: 16px !important; | |
| } | |
| .u-paddingRight5x, .u-pr5x { | |
| padding-right: 20px !important; | |
| } | |
| .u-paddingRight6x, .u-pr6x { | |
| padding-right: 24px !important; | |
| } | |
| .u-paddingRight7x, .u-pr7x { | |
| padding-right: 28px !important; | |
| } | |
| .u-paddingRight8x, .u-pr8x { | |
| padding-right: 32px !important; | |
| } | |
| .u-paddingRight9x, .u-pr9x { | |
| padding-right: 36px !important; | |
| } | |
| .u-paddingRight10x, .u-pr10x { | |
| padding-right: 40px !important; | |
| } | |
| .u-paddingRight11x, .u-pr11x { | |
| padding-right: 44px !important; | |
| } | |
| .u-paddingRight12x, .u-pr12x { | |
| padding-right: 48px !important; | |
| } | |
| .u-paddingRight13x, .u-pr13x { | |
| padding-right: 52px !important; | |
| } | |
| .u-paddingRight14x, .u-pr14x { | |
| padding-right: 56px !important; | |
| } | |
| .u-paddingRight15x, .u-pr15x { | |
| padding-right: 60px !important; | |
| } | |
| .u-paddingRight16x, .u-pr16x { | |
| padding-right: 64px !important; | |
| } | |
| .u-paddingRight17x, .u-pr17x { | |
| padding-right: 68px !important; | |
| } | |
| .u-paddingRight18x, .u-pr18x { | |
| padding-right: 72px !important; | |
| } | |
| .u-paddingRight19x, .u-pr19x { | |
| padding-right: 76px !important; | |
| } | |
| .u-paddingRight20x, .u-pr20x { | |
| padding-right: 80px !important; | |
| } | |
| .u-paddingRight21x, .u-pr21x { | |
| padding-right: 84px !important; | |
| } | |
| .u-paddingRight22x, .u-pr22x { | |
| padding-right: 88px !important; | |
| } | |
| .u-paddingRight23x, .u-pr23x { | |
| padding-right: 92px !important; | |
| } | |
| .u-paddingRight24x, .u-pr24x { | |
| padding-right: 96px !important; | |
| } | |
| .u-paddingBottom0x, .u-pb0x { | |
| padding-bottom: 0px !important; | |
| } | |
| .u-paddingBottom1x, .u-pb1x { | |
| padding-bottom: 4px !important; | |
| } | |
| .u-paddingBottom2x, .u-pb2x { | |
| padding-bottom: 8px !important; | |
| } | |
| .u-paddingBottom3x, .u-pb3x { | |
| padding-bottom: 12px !important; | |
| } | |
| .u-paddingBottom4x, .u-pb4x { | |
| padding-bottom: 16px !important; | |
| } | |
| .u-paddingBottom5x, .u-pb5x { | |
| padding-bottom: 20px !important; | |
| } | |
| .u-paddingBottom6x, .u-pb6x { | |
| padding-bottom: 24px !important; | |
| } | |
| .u-paddingBottom7x, .u-pb7x { | |
| padding-bottom: 28px !important; | |
| } | |
| .u-paddingBottom8x, .u-pb8x { | |
| padding-bottom: 32px !important; | |
| } | |
| .u-paddingBottom9x, .u-pb9x { | |
| padding-bottom: 36px !important; | |
| } | |
| .u-paddingBottom10x, .u-pb10x { | |
| padding-bottom: 40px !important; | |
| } | |
| .u-paddingBottom11x, .u-pb11x { | |
| padding-bottom: 44px !important; | |
| } | |
| .u-paddingBottom12x, .u-pb12x { | |
| padding-bottom: 48px !important; | |
| } | |
| .u-paddingBottom13x, .u-pb13x { | |
| padding-bottom: 52px !important; | |
| } | |
| .u-paddingBottom14x, .u-pb14x { | |
| padding-bottom: 56px !important; | |
| } | |
| .u-paddingBottom15x, .u-pb15x { | |
| padding-bottom: 60px !important; | |
| } | |
| .u-paddingBottom16x, .u-pb16x { | |
| padding-bottom: 64px !important; | |
| } | |
| .u-paddingBottom17x, .u-pb17x { | |
| padding-bottom: 68px !important; | |
| } | |
| .u-paddingBottom18x, .u-pb18x { | |
| padding-bottom: 72px !important; | |
| } | |
| .u-paddingBottom19x, .u-pb19x { | |
| padding-bottom: 76px !important; | |
| } | |
| .u-paddingBottom20x, .u-pb20x { | |
| padding-bottom: 80px !important; | |
| } | |
| .u-paddingBottom21x, .u-pb21x { | |
| padding-bottom: 84px !important; | |
| } | |
| .u-paddingBottom22x, .u-pb22x { | |
| padding-bottom: 88px !important; | |
| } | |
| .u-paddingBottom23x, .u-pb23x { | |
| padding-bottom: 92px !important; | |
| } | |
| .u-paddingBottom24x, .u-pb24x { | |
| padding-bottom: 96px !important; | |
| } | |
| .u-paddingLeft0x, .u-pl0x { | |
| padding-left: 0px !important; | |
| } | |
| .u-paddingLeft1x, .u-pl1x { | |
| padding-left: 4px !important; | |
| } | |
| .u-paddingLeft2x, .u-pl2x { | |
| padding-left: 8px !important; | |
| } | |
| .u-paddingLeft3x, .u-pl3x { | |
| padding-left: 12px !important; | |
| } | |
| .u-paddingLeft4x, .u-pl4x { | |
| padding-left: 16px !important; | |
| } | |
| .u-paddingLeft5x, .u-pl5x { | |
| padding-left: 20px !important; | |
| } | |
| .u-paddingLeft6x, .u-pl6x { | |
| padding-left: 24px !important; | |
| } | |
| .u-paddingLeft7x, .u-pl7x { | |
| padding-left: 28px !important; | |
| } | |
| .u-paddingLeft8x, .u-pl8x { | |
| padding-left: 32px !important; | |
| } | |
| .u-paddingLeft9x, .u-pl9x { | |
| padding-left: 36px !important; | |
| } | |
| .u-paddingLeft10x, .u-pl10x { | |
| padding-left: 40px !important; | |
| } | |
| .u-paddingLeft11x, .u-pl11x { | |
| padding-left: 44px !important; | |
| } | |
| .u-paddingLeft12x, .u-pl12x { | |
| padding-left: 48px !important; | |
| } | |
| .u-paddingLeft13x, .u-pl13x { | |
| padding-left: 52px !important; | |
| } | |
| .u-paddingLeft14x, .u-pl14x { | |
| padding-left: 56px !important; | |
| } | |
| .u-paddingLeft15x, .u-pl15x { | |
| padding-left: 60px !important; | |
| } | |
| .u-paddingLeft16x, .u-pl16x { | |
| padding-left: 64px !important; | |
| } | |
| .u-paddingLeft17x, .u-pl17x { | |
| padding-left: 68px !important; | |
| } | |
| .u-paddingLeft18x, .u-pl18x { | |
| padding-left: 72px !important; | |
| } | |
| .u-paddingLeft19x, .u-pl19x { | |
| padding-left: 76px !important; | |
| } | |
| .u-paddingLeft20x, .u-pl20x { | |
| padding-left: 80px !important; | |
| } | |
| .u-paddingLeft21x, .u-pl21x { | |
| padding-left: 84px !important; | |
| } | |
| .u-paddingLeft22x, .u-pl22x { | |
| padding-left: 88px !important; | |
| } | |
| .u-paddingLeft23x, .u-pl23x { | |
| padding-left: 92px !important; | |
| } | |
| .u-paddingLeft24x, .u-pl24x { | |
| padding-left: 96px !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment