ausybenelux / Ocelot

Ocelot is a theming starter kit for drupal 7.
5 stars 2 forks source link

Classes for placing margins and paddings #108

Closed rob-bar closed 8 years ago

rob-bar commented 9 years ago
@for $i from 1 through 5 {
 .ml#{$i} {
   margin-left: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .mt#{$i} {
   margin-top: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .mr#{$i} {
   margin-right: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .mb#{$i} {
   margin-bottom: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .pl#{$i} {
   padding-left: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .pt#{$i} {
   padding-top: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .pr#{$i} {
   padding-right: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .pb#{$i} {
   padding-bottom: rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .hor-p#{$i} {
   padding: 0 rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .ver-p#{$i} {
   padding: rh(.2 * $i) 0;
 }
}

@for $i from 1 through 5 {
 .hor-m#{$i} {
   margin: 0 rh(.2 * $i);
 }
}

@for $i from 1 through 5 {
 .ver-m#{$i} {
   margin: rh(.2 * $i) 0;
 }
}
rob-bar commented 8 years ago

Closing this one see... https://github.com/Crosscheck/Jacket/issues/9