Created
March 3, 2015 13:34
-
-
Save csswizardry/31c093e964f76c3e1270 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.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; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } |
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-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