Skip to content

Instantly share code, notes, and snippets.

@csswizardry
Created March 3, 2015 13:34
Show Gist options
  • Save csswizardry/31c093e964f76c3e1270 to your computer and use it in GitHub Desktop.
Save csswizardry/31c093e964f76c3e1270 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
// Nasty as hell way of automating our spacing helpers.
$properties: (
"margin",
"margin-top",
"margin-right",
"margin-bottom",
"margin-left",
"padding",
"padding-top",
"padding-right",
"padding-bottom",
"padding-left",
);
$sizes: (
"",
"-tiny",
"-small",
"-large",
"-huge",
);
$variants: (
"positive",
"negative",
);
$breakpoints: (
"palm",
"lap",
"lap-and-up",
"desk",
);
$unit: 24px;
$unit-tiny: $unit / 4;
$unit-small: $unit / 2;
$unit-large: $unit * 2;
$unit-huge: $unit * 4;
@each $size in $sizes {
@each $property in $properties {
@each $variant in $variants {
@if ($variant == "negative") {
$variant: "-";
}
@else {
$variant: null;
}
@each $breakpoint in $breakpoints {
.u-#{$variant}#{$property}#{$size}-#{$breakpoint} {
@if ($size == "-tiny") {
#{$property}: #{$variant}$unit-tiny;
}
@elseif ($size == "-small") {
#{$property}: #{$variant}$unit-small;
}
@elseif ($size == "-large") {
#{$property}: #{$variant}$unit-large;
}
@elseif ($size == "-huge") {
#{$property}: #{$variant}$unit-huge;
}
@else {
#{$property}: #{$variant}$unit;
}
}
}
}
}
}
.u-margin-palm {
margin: 24px;
}
.u-margin-lap {
margin: 24px;
}
.u-margin-lap-and-up {
margin: 24px;
}
.u-margin-desk {
margin: 24px;
}
.u--margin-palm {
margin: -24px;
}
.u--margin-lap {
margin: -24px;
}
.u--margin-lap-and-up {
margin: -24px;
}
.u--margin-desk {
margin: -24px;
}
.u-margin-top-palm {
margin-top: 24px;
}
.u-margin-top-lap {
margin-top: 24px;
}
.u-margin-top-lap-and-up {
margin-top: 24px;
}
.u-margin-top-desk {
margin-top: 24px;
}
.u--margin-top-palm {
margin-top: -24px;
}
.u--margin-top-lap {
margin-top: -24px;
}
.u--margin-top-lap-and-up {
margin-top: -24px;
}
.u--margin-top-desk {
margin-top: -24px;
}
.u-margin-right-palm {
margin-right: 24px;
}
.u-margin-right-lap {
margin-right: 24px;
}
.u-margin-right-lap-and-up {
margin-right: 24px;
}
.u-margin-right-desk {
margin-right: 24px;
}
.u--margin-right-palm {
margin-right: -24px;
}
.u--margin-right-lap {
margin-right: -24px;
}
.u--margin-right-lap-and-up {
margin-right: -24px;
}
.u--margin-right-desk {
margin-right: -24px;
}
.u-margin-bottom-palm {
margin-bottom: 24px;
}
.u-margin-bottom-lap {
margin-bottom: 24px;
}
.u-margin-bottom-lap-and-up {
margin-bottom: 24px;
}
.u-margin-bottom-desk {
margin-bottom: 24px;
}
.u--margin-bottom-palm {
margin-bottom: -24px;
}
.u--margin-bottom-lap {
margin-bottom: -24px;
}
.u--margin-bottom-lap-and-up {
margin-bottom: -24px;
}
.u--margin-bottom-desk {
margin-bottom: -24px;
}
.u-margin-left-palm {
margin-left: 24px;
}
.u-margin-left-lap {
margin-left: 24px;
}
.u-margin-left-lap-and-up {
margin-left: 24px;
}
.u-margin-left-desk {
margin-left: 24px;
}
.u--margin-left-palm {
margin-left: -24px;
}
.u--margin-left-lap {
margin-left: -24px;
}
.u--margin-left-lap-and-up {
margin-left: -24px;
}
.u--margin-left-desk {
margin-left: -24px;
}
.u-padding-palm {
padding: 24px;
}
.u-padding-lap {
padding: 24px;
}
.u-padding-lap-and-up {
padding: 24px;
}
.u-padding-desk {
padding: 24px;
}
.u--padding-palm {
padding: -24px;
}
.u--padding-lap {
padding: -24px;
}
.u--padding-lap-and-up {
padding: -24px;
}
.u--padding-desk {
padding: -24px;
}
.u-padding-top-palm {
padding-top: 24px;
}
.u-padding-top-lap {
padding-top: 24px;
}
.u-padding-top-lap-and-up {
padding-top: 24px;
}
.u-padding-top-desk {
padding-top: 24px;
}
.u--padding-top-palm {
padding-top: -24px;
}
.u--padding-top-lap {
padding-top: -24px;
}
.u--padding-top-lap-and-up {
padding-top: -24px;
}
.u--padding-top-desk {
padding-top: -24px;
}
.u-padding-right-palm {
padding-right: 24px;
}
.u-padding-right-lap {
padding-right: 24px;
}
.u-padding-right-lap-and-up {
padding-right: 24px;
}
.u-padding-right-desk {
padding-right: 24px;
}
.u--padding-right-palm {
padding-right: -24px;
}
.u--padding-right-lap {
padding-right: -24px;
}
.u--padding-right-lap-and-up {
padding-right: -24px;
}
.u--padding-right-desk {
padding-right: -24px;
}
.u-padding-bottom-palm {
padding-bottom: 24px;
}
.u-padding-bottom-lap {
padding-bottom: 24px;
}
.u-padding-bottom-lap-and-up {
padding-bottom: 24px;
}
.u-padding-bottom-desk {
padding-bottom: 24px;
}
.u--padding-bottom-palm {
padding-bottom: -24px;
}
.u--padding-bottom-lap {
padding-bottom: -24px;
}
.u--padding-bottom-lap-and-up {
padding-bottom: -24px;
}
.u--padding-bottom-desk {
padding-bottom: -24px;
}
.u-padding-left-palm {
padding-left: 24px;
}
.u-padding-left-lap {
padding-left: 24px;
}
.u-padding-left-lap-and-up {
padding-left: 24px;
}
.u-padding-left-desk {
padding-left: 24px;
}
.u--padding-left-palm {
padding-left: -24px;
}
.u--padding-left-lap {
padding-left: -24px;
}
.u--padding-left-lap-and-up {
padding-left: -24px;
}
.u--padding-left-desk {
padding-left: -24px;
}
.u-margin-tiny-palm {
margin: 6px;
}
.u-margin-tiny-lap {
margin: 6px;
}
.u-margin-tiny-lap-and-up {
margin: 6px;
}
.u-margin-tiny-desk {
margin: 6px;
}
.u--margin-tiny-palm {
margin: -6px;
}
.u--margin-tiny-lap {
margin: -6px;
}
.u--margin-tiny-lap-and-up {
margin: -6px;
}
.u--margin-tiny-desk {
margin: -6px;
}
.u-margin-top-tiny-palm {
margin-top: 6px;
}
.u-margin-top-tiny-lap {
margin-top: 6px;
}
.u-margin-top-tiny-lap-and-up {
margin-top: 6px;
}
.u-margin-top-tiny-desk {
margin-top: 6px;
}
.u--margin-top-tiny-palm {
margin-top: -6px;
}
.u--margin-top-tiny-lap {
margin-top: -6px;
}
.u--margin-top-tiny-lap-and-up {
margin-top: -6px;
}
.u--margin-top-tiny-desk {
margin-top: -6px;
}
.u-margin-right-tiny-palm {
margin-right: 6px;
}
.u-margin-right-tiny-lap {
margin-right: 6px;
}
.u-margin-right-tiny-lap-and-up {
margin-right: 6px;
}
.u-margin-right-tiny-desk {
margin-right: 6px;
}
.u--margin-right-tiny-palm {
margin-right: -6px;
}
.u--margin-right-tiny-lap {
margin-right: -6px;
}
.u--margin-right-tiny-lap-and-up {
margin-right: -6px;
}
.u--margin-right-tiny-desk {
margin-right: -6px;
}
.u-margin-bottom-tiny-palm {
margin-bottom: 6px;
}
.u-margin-bottom-tiny-lap {
margin-bottom: 6px;
}
.u-margin-bottom-tiny-lap-and-up {
margin-bottom: 6px;
}
.u-margin-bottom-tiny-desk {
margin-bottom: 6px;
}
.u--margin-bottom-tiny-palm {
margin-bottom: -6px;
}
.u--margin-bottom-tiny-lap {
margin-bottom: -6px;
}
.u--margin-bottom-tiny-lap-and-up {
margin-bottom: -6px;
}
.u--margin-bottom-tiny-desk {
margin-bottom: -6px;
}
.u-margin-left-tiny-palm {
margin-left: 6px;
}
.u-margin-left-tiny-lap {
margin-left: 6px;
}
.u-margin-left-tiny-lap-and-up {
margin-left: 6px;
}
.u-margin-left-tiny-desk {
margin-left: 6px;
}
.u--margin-left-tiny-palm {
margin-left: -6px;
}
.u--margin-left-tiny-lap {
margin-left: -6px;
}
.u--margin-left-tiny-lap-and-up {
margin-left: -6px;
}
.u--margin-left-tiny-desk {
margin-left: -6px;
}
.u-padding-tiny-palm {
padding: 6px;
}
.u-padding-tiny-lap {
padding: 6px;
}
.u-padding-tiny-lap-and-up {
padding: 6px;
}
.u-padding-tiny-desk {
padding: 6px;
}
.u--padding-tiny-palm {
padding: -6px;
}
.u--padding-tiny-lap {
padding: -6px;
}
.u--padding-tiny-lap-and-up {
padding: -6px;
}
.u--padding-tiny-desk {
padding: -6px;
}
.u-padding-top-tiny-palm {
padding-top: 6px;
}
.u-padding-top-tiny-lap {
padding-top: 6px;
}
.u-padding-top-tiny-lap-and-up {
padding-top: 6px;
}
.u-padding-top-tiny-desk {
padding-top: 6px;
}
.u--padding-top-tiny-palm {
padding-top: -6px;
}
.u--padding-top-tiny-lap {
padding-top: -6px;
}
.u--padding-top-tiny-lap-and-up {
padding-top: -6px;
}
.u--padding-top-tiny-desk {
padding-top: -6px;
}
.u-padding-right-tiny-palm {
padding-right: 6px;
}
.u-padding-right-tiny-lap {
padding-right: 6px;
}
.u-padding-right-tiny-lap-and-up {
padding-right: 6px;
}
.u-padding-right-tiny-desk {
padding-right: 6px;
}
.u--padding-right-tiny-palm {
padding-right: -6px;
}
.u--padding-right-tiny-lap {
padding-right: -6px;
}
.u--padding-right-tiny-lap-and-up {
padding-right: -6px;
}
.u--padding-right-tiny-desk {
padding-right: -6px;
}
.u-padding-bottom-tiny-palm {
padding-bottom: 6px;
}
.u-padding-bottom-tiny-lap {
padding-bottom: 6px;
}
.u-padding-bottom-tiny-lap-and-up {
padding-bottom: 6px;
}
.u-padding-bottom-tiny-desk {
padding-bottom: 6px;
}
.u--padding-bottom-tiny-palm {
padding-bottom: -6px;
}
.u--padding-bottom-tiny-lap {
padding-bottom: -6px;
}
.u--padding-bottom-tiny-lap-and-up {
padding-bottom: -6px;
}
.u--padding-bottom-tiny-desk {
padding-bottom: -6px;
}
.u-padding-left-tiny-palm {
padding-left: 6px;
}
.u-padding-left-tiny-lap {
padding-left: 6px;
}
.u-padding-left-tiny-lap-and-up {
padding-left: 6px;
}
.u-padding-left-tiny-desk {
padding-left: 6px;
}
.u--padding-left-tiny-palm {
padding-left: -6px;
}
.u--padding-left-tiny-lap {
padding-left: -6px;
}
.u--padding-left-tiny-lap-and-up {
padding-left: -6px;
}
.u--padding-left-tiny-desk {
padding-left: -6px;
}
.u-margin-small-palm {
margin: 12px;
}
.u-margin-small-lap {
margin: 12px;
}
.u-margin-small-lap-and-up {
margin: 12px;
}
.u-margin-small-desk {
margin: 12px;
}
.u--margin-small-palm {
margin: -12px;
}
.u--margin-small-lap {
margin: -12px;
}
.u--margin-small-lap-and-up {
margin: -12px;
}
.u--margin-small-desk {
margin: -12px;
}
.u-margin-top-small-palm {
margin-top: 12px;
}
.u-margin-top-small-lap {
margin-top: 12px;
}
.u-margin-top-small-lap-and-up {
margin-top: 12px;
}
.u-margin-top-small-desk {
margin-top: 12px;
}
.u--margin-top-small-palm {
margin-top: -12px;
}
.u--margin-top-small-lap {
margin-top: -12px;
}
.u--margin-top-small-lap-and-up {
margin-top: -12px;
}
.u--margin-top-small-desk {
margin-top: -12px;
}
.u-margin-right-small-palm {
margin-right: 12px;
}
.u-margin-right-small-lap {
margin-right: 12px;
}
.u-margin-right-small-lap-and-up {
margin-right: 12px;
}
.u-margin-right-small-desk {
margin-right: 12px;
}
.u--margin-right-small-palm {
margin-right: -12px;
}
.u--margin-right-small-lap {
margin-right: -12px;
}
.u--margin-right-small-lap-and-up {
margin-right: -12px;
}
.u--margin-right-small-desk {
margin-right: -12px;
}
.u-margin-bottom-small-palm {
margin-bottom: 12px;
}
.u-margin-bottom-small-lap {
margin-bottom: 12px;
}
.u-margin-bottom-small-lap-and-up {
margin-bottom: 12px;
}
.u-margin-bottom-small-desk {
margin-bottom: 12px;
}
.u--margin-bottom-small-palm {
margin-bottom: -12px;
}
.u--margin-bottom-small-lap {
margin-bottom: -12px;
}
.u--margin-bottom-small-lap-and-up {
margin-bottom: -12px;
}
.u--margin-bottom-small-desk {
margin-bottom: -12px;
}
.u-margin-left-small-palm {
margin-left: 12px;
}
.u-margin-left-small-lap {
margin-left: 12px;
}
.u-margin-left-small-lap-and-up {
margin-left: 12px;
}
.u-margin-left-small-desk {
margin-left: 12px;
}
.u--margin-left-small-palm {
margin-left: -12px;
}
.u--margin-left-small-lap {
margin-left: -12px;
}
.u--margin-left-small-lap-and-up {
margin-left: -12px;
}
.u--margin-left-small-desk {
margin-left: -12px;
}
.u-padding-small-palm {
padding: 12px;
}
.u-padding-small-lap {
padding: 12px;
}
.u-padding-small-lap-and-up {
padding: 12px;
}
.u-padding-small-desk {
padding: 12px;
}
.u--padding-small-palm {
padding: -12px;
}
.u--padding-small-lap {
padding: -12px;
}
.u--padding-small-lap-and-up {
padding: -12px;
}
.u--padding-small-desk {
padding: -12px;
}
.u-padding-top-small-palm {
padding-top: 12px;
}
.u-padding-top-small-lap {
padding-top: 12px;
}
.u-padding-top-small-lap-and-up {
padding-top: 12px;
}
.u-padding-top-small-desk {
padding-top: 12px;
}
.u--padding-top-small-palm {
padding-top: -12px;
}
.u--padding-top-small-lap {
padding-top: -12px;
}
.u--padding-top-small-lap-and-up {
padding-top: -12px;
}
.u--padding-top-small-desk {
padding-top: -12px;
}
.u-padding-right-small-palm {
padding-right: 12px;
}
.u-padding-right-small-lap {
padding-right: 12px;
}
.u-padding-right-small-lap-and-up {
padding-right: 12px;
}
.u-padding-right-small-desk {
padding-right: 12px;
}
.u--padding-right-small-palm {
padding-right: -12px;
}
.u--padding-right-small-lap {
padding-right: -12px;
}
.u--padding-right-small-lap-and-up {
padding-right: -12px;
}
.u--padding-right-small-desk {
padding-right: -12px;
}
.u-padding-bottom-small-palm {
padding-bottom: 12px;
}
.u-padding-bottom-small-lap {
padding-bottom: 12px;
}
.u-padding-bottom-small-lap-and-up {
padding-bottom: 12px;
}
.u-padding-bottom-small-desk {
padding-bottom: 12px;
}
.u--padding-bottom-small-palm {
padding-bottom: -12px;
}
.u--padding-bottom-small-lap {
padding-bottom: -12px;
}
.u--padding-bottom-small-lap-and-up {
padding-bottom: -12px;
}
.u--padding-bottom-small-desk {
padding-bottom: -12px;
}
.u-padding-left-small-palm {
padding-left: 12px;
}
.u-padding-left-small-lap {
padding-left: 12px;
}
.u-padding-left-small-lap-and-up {
padding-left: 12px;
}
.u-padding-left-small-desk {
padding-left: 12px;
}
.u--padding-left-small-palm {
padding-left: -12px;
}
.u--padding-left-small-lap {
padding-left: -12px;
}
.u--padding-left-small-lap-and-up {
padding-left: -12px;
}
.u--padding-left-small-desk {
padding-left: -12px;
}
.u-margin-large-palm {
margin: 48px;
}
.u-margin-large-lap {
margin: 48px;
}
.u-margin-large-lap-and-up {
margin: 48px;
}
.u-margin-large-desk {
margin: 48px;
}
.u--margin-large-palm {
margin: -48px;
}
.u--margin-large-lap {
margin: -48px;
}
.u--margin-large-lap-and-up {
margin: -48px;
}
.u--margin-large-desk {
margin: -48px;
}
.u-margin-top-large-palm {
margin-top: 48px;
}
.u-margin-top-large-lap {
margin-top: 48px;
}
.u-margin-top-large-lap-and-up {
margin-top: 48px;
}
.u-margin-top-large-desk {
margin-top: 48px;
}
.u--margin-top-large-palm {
margin-top: -48px;
}
.u--margin-top-large-lap {
margin-top: -48px;
}
.u--margin-top-large-lap-and-up {
margin-top: -48px;
}
.u--margin-top-large-desk {
margin-top: -48px;
}
.u-margin-right-large-palm {
margin-right: 48px;
}
.u-margin-right-large-lap {
margin-right: 48px;
}
.u-margin-right-large-lap-and-up {
margin-right: 48px;
}
.u-margin-right-large-desk {
margin-right: 48px;
}
.u--margin-right-large-palm {
margin-right: -48px;
}
.u--margin-right-large-lap {
margin-right: -48px;
}
.u--margin-right-large-lap-and-up {
margin-right: -48px;
}
.u--margin-right-large-desk {
margin-right: -48px;
}
.u-margin-bottom-large-palm {
margin-bottom: 48px;
}
.u-margin-bottom-large-lap {
margin-bottom: 48px;
}
.u-margin-bottom-large-lap-and-up {
margin-bottom: 48px;
}
.u-margin-bottom-large-desk {
margin-bottom: 48px;
}
.u--margin-bottom-large-palm {
margin-bottom: -48px;
}
.u--margin-bottom-large-lap {
margin-bottom: -48px;
}
.u--margin-bottom-large-lap-and-up {
margin-bottom: -48px;
}
.u--margin-bottom-large-desk {
margin-bottom: -48px;
}
.u-margin-left-large-palm {
margin-left: 48px;
}
.u-margin-left-large-lap {
margin-left: 48px;
}
.u-margin-left-large-lap-and-up {
margin-left: 48px;
}
.u-margin-left-large-desk {
margin-left: 48px;
}
.u--margin-left-large-palm {
margin-left: -48px;
}
.u--margin-left-large-lap {
margin-left: -48px;
}
.u--margin-left-large-lap-and-up {
margin-left: -48px;
}
.u--margin-left-large-desk {
margin-left: -48px;
}
.u-padding-large-palm {
padding: 48px;
}
.u-padding-large-lap {
padding: 48px;
}
.u-padding-large-lap-and-up {
padding: 48px;
}
.u-padding-large-desk {
padding: 48px;
}
.u--padding-large-palm {
padding: -48px;
}
.u--padding-large-lap {
padding: -48px;
}
.u--padding-large-lap-and-up {
padding: -48px;
}
.u--padding-large-desk {
padding: -48px;
}
.u-padding-top-large-palm {
padding-top: 48px;
}
.u-padding-top-large-lap {
padding-top: 48px;
}
.u-padding-top-large-lap-and-up {
padding-top: 48px;
}
.u-padding-top-large-desk {
padding-top: 48px;
}
.u--padding-top-large-palm {
padding-top: -48px;
}
.u--padding-top-large-lap {
padding-top: -48px;
}
.u--padding-top-large-lap-and-up {
padding-top: -48px;
}
.u--padding-top-large-desk {
padding-top: -48px;
}
.u-padding-right-large-palm {
padding-right: 48px;
}
.u-padding-right-large-lap {
padding-right: 48px;
}
.u-padding-right-large-lap-and-up {
padding-right: 48px;
}
.u-padding-right-large-desk {
padding-right: 48px;
}
.u--padding-right-large-palm {
padding-right: -48px;
}
.u--padding-right-large-lap {
padding-right: -48px;
}
.u--padding-right-large-lap-and-up {
padding-right: -48px;
}
.u--padding-right-large-desk {
padding-right: -48px;
}
.u-padding-bottom-large-palm {
padding-bottom: 48px;
}
.u-padding-bottom-large-lap {
padding-bottom: 48px;
}
.u-padding-bottom-large-lap-and-up {
padding-bottom: 48px;
}
.u-padding-bottom-large-desk {
padding-bottom: 48px;
}
.u--padding-bottom-large-palm {
padding-bottom: -48px;
}
.u--padding-bottom-large-lap {
padding-bottom: -48px;
}
.u--padding-bottom-large-lap-and-up {
padding-bottom: -48px;
}
.u--padding-bottom-large-desk {
padding-bottom: -48px;
}
.u-padding-left-large-palm {
padding-left: 48px;
}
.u-padding-left-large-lap {
padding-left: 48px;
}
.u-padding-left-large-lap-and-up {
padding-left: 48px;
}
.u-padding-left-large-desk {
padding-left: 48px;
}
.u--padding-left-large-palm {
padding-left: -48px;
}
.u--padding-left-large-lap {
padding-left: -48px;
}
.u--padding-left-large-lap-and-up {
padding-left: -48px;
}
.u--padding-left-large-desk {
padding-left: -48px;
}
.u-margin-huge-palm {
margin: 96px;
}
.u-margin-huge-lap {
margin: 96px;
}
.u-margin-huge-lap-and-up {
margin: 96px;
}
.u-margin-huge-desk {
margin: 96px;
}
.u--margin-huge-palm {
margin: -96px;
}
.u--margin-huge-lap {
margin: -96px;
}
.u--margin-huge-lap-and-up {
margin: -96px;
}
.u--margin-huge-desk {
margin: -96px;
}
.u-margin-top-huge-palm {
margin-top: 96px;
}
.u-margin-top-huge-lap {
margin-top: 96px;
}
.u-margin-top-huge-lap-and-up {
margin-top: 96px;
}
.u-margin-top-huge-desk {
margin-top: 96px;
}
.u--margin-top-huge-palm {
margin-top: -96px;
}
.u--margin-top-huge-lap {
margin-top: -96px;
}
.u--margin-top-huge-lap-and-up {
margin-top: -96px;
}
.u--margin-top-huge-desk {
margin-top: -96px;
}
.u-margin-right-huge-palm {
margin-right: 96px;
}
.u-margin-right-huge-lap {
margin-right: 96px;
}
.u-margin-right-huge-lap-and-up {
margin-right: 96px;
}
.u-margin-right-huge-desk {
margin-right: 96px;
}
.u--margin-right-huge-palm {
margin-right: -96px;
}
.u--margin-right-huge-lap {
margin-right: -96px;
}
.u--margin-right-huge-lap-and-up {
margin-right: -96px;
}
.u--margin-right-huge-desk {
margin-right: -96px;
}
.u-margin-bottom-huge-palm {
margin-bottom: 96px;
}
.u-margin-bottom-huge-lap {
margin-bottom: 96px;
}
.u-margin-bottom-huge-lap-and-up {
margin-bottom: 96px;
}
.u-margin-bottom-huge-desk {
margin-bottom: 96px;
}
.u--margin-bottom-huge-palm {
margin-bottom: -96px;
}
.u--margin-bottom-huge-lap {
margin-bottom: -96px;
}
.u--margin-bottom-huge-lap-and-up {
margin-bottom: -96px;
}
.u--margin-bottom-huge-desk {
margin-bottom: -96px;
}
.u-margin-left-huge-palm {
margin-left: 96px;
}
.u-margin-left-huge-lap {
margin-left: 96px;
}
.u-margin-left-huge-lap-and-up {
margin-left: 96px;
}
.u-margin-left-huge-desk {
margin-left: 96px;
}
.u--margin-left-huge-palm {
margin-left: -96px;
}
.u--margin-left-huge-lap {
margin-left: -96px;
}
.u--margin-left-huge-lap-and-up {
margin-left: -96px;
}
.u--margin-left-huge-desk {
margin-left: -96px;
}
.u-padding-huge-palm {
padding: 96px;
}
.u-padding-huge-lap {
padding: 96px;
}
.u-padding-huge-lap-and-up {
padding: 96px;
}
.u-padding-huge-desk {
padding: 96px;
}
.u--padding-huge-palm {
padding: -96px;
}
.u--padding-huge-lap {
padding: -96px;
}
.u--padding-huge-lap-and-up {
padding: -96px;
}
.u--padding-huge-desk {
padding: -96px;
}
.u-padding-top-huge-palm {
padding-top: 96px;
}
.u-padding-top-huge-lap {
padding-top: 96px;
}
.u-padding-top-huge-lap-and-up {
padding-top: 96px;
}
.u-padding-top-huge-desk {
padding-top: 96px;
}
.u--padding-top-huge-palm {
padding-top: -96px;
}
.u--padding-top-huge-lap {
padding-top: -96px;
}
.u--padding-top-huge-lap-and-up {
padding-top: -96px;
}
.u--padding-top-huge-desk {
padding-top: -96px;
}
.u-padding-right-huge-palm {
padding-right: 96px;
}
.u-padding-right-huge-lap {
padding-right: 96px;
}
.u-padding-right-huge-lap-and-up {
padding-right: 96px;
}
.u-padding-right-huge-desk {
padding-right: 96px;
}
.u--padding-right-huge-palm {
padding-right: -96px;
}
.u--padding-right-huge-lap {
padding-right: -96px;
}
.u--padding-right-huge-lap-and-up {
padding-right: -96px;
}
.u--padding-right-huge-desk {
padding-right: -96px;
}
.u-padding-bottom-huge-palm {
padding-bottom: 96px;
}
.u-padding-bottom-huge-lap {
padding-bottom: 96px;
}
.u-padding-bottom-huge-lap-and-up {
padding-bottom: 96px;
}
.u-padding-bottom-huge-desk {
padding-bottom: 96px;
}
.u--padding-bottom-huge-palm {
padding-bottom: -96px;
}
.u--padding-bottom-huge-lap {
padding-bottom: -96px;
}
.u--padding-bottom-huge-lap-and-up {
padding-bottom: -96px;
}
.u--padding-bottom-huge-desk {
padding-bottom: -96px;
}
.u-padding-left-huge-palm {
padding-left: 96px;
}
.u-padding-left-huge-lap {
padding-left: 96px;
}
.u-padding-left-huge-lap-and-up {
padding-left: 96px;
}
.u-padding-left-huge-desk {
padding-left: 96px;
}
.u--padding-left-huge-palm {
padding-left: -96px;
}
.u--padding-left-huge-lap {
padding-left: -96px;
}
.u--padding-left-huge-lap-and-up {
padding-left: -96px;
}
.u--padding-left-huge-desk {
padding-left: -96px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment