Skip to content

Instantly share code, notes, and snippets.

@mattdrose
Last active August 29, 2015 14:07
Show Gist options
  • Save mattdrose/64921dadf6b41e03b057 to your computer and use it in GitHub Desktop.
Save mattdrose/64921dadf6b41e03b057 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
$gemini-spacing: (
type: (
"push": "margin",
"pad": "padding"
),
reverse: (
"": 1,
"-rev": -1
),
size: (
"": 1,
"-double": 2,
"-half": 0.5,
"-none": 0
),
direction: (
"": "",
"-top": "-top",
"-right": "-right",
"-bottom": "-bottom",
"-left": "-left"
)
);
@each $type-title, $type in map-get($gemini-spacing, type) {
@each $reverse-title, $reverse in map-get($gemini-spacing, reverse) {
@each $size-title, $size in map-get($gemini-spacing, size) {
@each $direction-title, $direction in map-get($gemini-spacing, direction) {
@if ($type != "padding" or $reverse != -1) and
($size != 0 or $reverse != -1) {
.#{$type-title}#{$reverse-title}#{$size-title}#{$direction-title} {
#{$type}#{$direction}: 1em * $size * $reverse !important;
}
}
}
}
}
}
.push {
margin: 1em !important;
}
.push-top {
margin-top: 1em !important;
}
.push-right {
margin-right: 1em !important;
}
.push-bottom {
margin-bottom: 1em !important;
}
.push-left {
margin-left: 1em !important;
}
.push-double {
margin: 2em !important;
}
.push-double-top {
margin-top: 2em !important;
}
.push-double-right {
margin-right: 2em !important;
}
.push-double-bottom {
margin-bottom: 2em !important;
}
.push-double-left {
margin-left: 2em !important;
}
.push-half {
margin: 0.5em !important;
}
.push-half-top {
margin-top: 0.5em !important;
}
.push-half-right {
margin-right: 0.5em !important;
}
.push-half-bottom {
margin-bottom: 0.5em !important;
}
.push-half-left {
margin-left: 0.5em !important;
}
.push-none {
margin: 0em !important;
}
.push-none-top {
margin-top: 0em !important;
}
.push-none-right {
margin-right: 0em !important;
}
.push-none-bottom {
margin-bottom: 0em !important;
}
.push-none-left {
margin-left: 0em !important;
}
.push-rev {
margin: -1em !important;
}
.push-rev-top {
margin-top: -1em !important;
}
.push-rev-right {
margin-right: -1em !important;
}
.push-rev-bottom {
margin-bottom: -1em !important;
}
.push-rev-left {
margin-left: -1em !important;
}
.push-rev-double {
margin: -2em !important;
}
.push-rev-double-top {
margin-top: -2em !important;
}
.push-rev-double-right {
margin-right: -2em !important;
}
.push-rev-double-bottom {
margin-bottom: -2em !important;
}
.push-rev-double-left {
margin-left: -2em !important;
}
.push-rev-half {
margin: -0.5em !important;
}
.push-rev-half-top {
margin-top: -0.5em !important;
}
.push-rev-half-right {
margin-right: -0.5em !important;
}
.push-rev-half-bottom {
margin-bottom: -0.5em !important;
}
.push-rev-half-left {
margin-left: -0.5em !important;
}
.pad {
padding: 1em !important;
}
.pad-top {
padding-top: 1em !important;
}
.pad-right {
padding-right: 1em !important;
}
.pad-bottom {
padding-bottom: 1em !important;
}
.pad-left {
padding-left: 1em !important;
}
.pad-double {
padding: 2em !important;
}
.pad-double-top {
padding-top: 2em !important;
}
.pad-double-right {
padding-right: 2em !important;
}
.pad-double-bottom {
padding-bottom: 2em !important;
}
.pad-double-left {
padding-left: 2em !important;
}
.pad-half {
padding: 0.5em !important;
}
.pad-half-top {
padding-top: 0.5em !important;
}
.pad-half-right {
padding-right: 0.5em !important;
}
.pad-half-bottom {
padding-bottom: 0.5em !important;
}
.pad-half-left {
padding-left: 0.5em !important;
}
.pad-none {
padding: 0em !important;
}
.pad-none-top {
padding-top: 0em !important;
}
.pad-none-right {
padding-right: 0em !important;
}
.pad-none-bottom {
padding-bottom: 0em !important;
}
.pad-none-left {
padding-left: 0em !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment