Skip to content

Instantly share code, notes, and snippets.

@aclaramunt
Created December 23, 2015 10:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aclaramunt/7f6246116a6a9b9fb81d to your computer and use it in GitHub Desktop.
Save aclaramunt/7f6246116a6a9b9fb81d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
@mixin padding($type-padding, $number-padding) {
@if $type-padding == all {
padding: $number-padding;
} @else {
padding-#{$type-padding}: $number-padding;
}
}
$type: top bottom left right all;
@for $i from 1 through 10 {
$n : $i*5;
@each $typepadding in $type {
.p#{$typepadding}-#{$n} {
@include padding($typepadding, $n);
}
}
}
.ptop-5 {
padding-top: 5;
}
.pbottom-5 {
padding-bottom: 5;
}
.pleft-5 {
padding-left: 5;
}
.pright-5 {
padding-right: 5;
}
.pall-5 {
padding: 5;
}
.ptop-10 {
padding-top: 10;
}
.pbottom-10 {
padding-bottom: 10;
}
.pleft-10 {
padding-left: 10;
}
.pright-10 {
padding-right: 10;
}
.pall-10 {
padding: 10;
}
.ptop-15 {
padding-top: 15;
}
.pbottom-15 {
padding-bottom: 15;
}
.pleft-15 {
padding-left: 15;
}
.pright-15 {
padding-right: 15;
}
.pall-15 {
padding: 15;
}
.ptop-20 {
padding-top: 20;
}
.pbottom-20 {
padding-bottom: 20;
}
.pleft-20 {
padding-left: 20;
}
.pright-20 {
padding-right: 20;
}
.pall-20 {
padding: 20;
}
.ptop-25 {
padding-top: 25;
}
.pbottom-25 {
padding-bottom: 25;
}
.pleft-25 {
padding-left: 25;
}
.pright-25 {
padding-right: 25;
}
.pall-25 {
padding: 25;
}
.ptop-30 {
padding-top: 30;
}
.pbottom-30 {
padding-bottom: 30;
}
.pleft-30 {
padding-left: 30;
}
.pright-30 {
padding-right: 30;
}
.pall-30 {
padding: 30;
}
.ptop-35 {
padding-top: 35;
}
.pbottom-35 {
padding-bottom: 35;
}
.pleft-35 {
padding-left: 35;
}
.pright-35 {
padding-right: 35;
}
.pall-35 {
padding: 35;
}
.ptop-40 {
padding-top: 40;
}
.pbottom-40 {
padding-bottom: 40;
}
.pleft-40 {
padding-left: 40;
}
.pright-40 {
padding-right: 40;
}
.pall-40 {
padding: 40;
}
.ptop-45 {
padding-top: 45;
}
.pbottom-45 {
padding-bottom: 45;
}
.pleft-45 {
padding-left: 45;
}
.pright-45 {
padding-right: 45;
}
.pall-45 {
padding: 45;
}
.ptop-50 {
padding-top: 50;
}
.pbottom-50 {
padding-bottom: 50;
}
.pleft-50 {
padding-left: 50;
}
.pright-50 {
padding-right: 50;
}
.pall-50 {
padding: 50;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment