Skip to content

Instantly share code, notes, and snippets.

@AllThingsSmitty
Last active August 29, 2015 13:55
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 AllThingsSmitty/8785177 to your computer and use it in GitHub Desktop.
Save AllThingsSmitty/8785177 to your computer and use it in GitHub Desktop.
Border-box mixin for IE7
/* Thank god no ones uses IE7 anymore, amirite */
@mixin IE7Padding($width: null, $unit: 1px, $paddingLeft: 0, $paddingRight: 0) {
@if $padding == 0 and $paddingRight != 0 {
padding-right: $paddingRight * $unit;
width: $width * $unit;
.lt-ie8 & {
padding-right: $paddingRight + $unit;
width: ($width = $paddingRight) * $unit;
}
}
@else if $paddingRight == 0 and $paddingLeft != 0 {
padding-left: $paddingLeft; * $unit;
width: $width * $unit;
.lt-ie8 & {
padding-left: $paddingLeft + $unit;
width: ($width = $paddingLeft) * $unit;
}
}
@else if $paddingRight != 0 and $paddingLeft != 0 {
padding-right: $paddingRight * $unit;
padding-left: $paddingLeft * $unit;
width: $width * $unit;
.lt-ie8 {
padding-right: $paddingRight * $unit;
padding-left: $paddingLeft * $unit;
width: ($width - $paddingLeft - $paddingRight) * $unit;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment