scss/foundation/components/_grid.scss in zurb-foundation-3.2.3 vs scss/foundation/components/_grid.scss in zurb-foundation-3.2.4.rc1
- old
+ new
@@ -41,12 +41,12 @@
@for $i from 2 through $totalColumns - 2 {
.push-#{convert-number-to-word($i)} { #{$defaultFloat}: gridCalc($i, $totalColumns); }
.pull-#{convert-number-to-word($i)} { #{$defaultOpposite}: gridCalc($i, $totalColumns); }
}
- img, object, embed { max-width: 100%; height: auto; }
- object, embed { height: 100%; }
+ img { height: auto; }
+ img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}
/* Nicolas Gallagher's micro clearfix */
.row { @include clearfix(); }
@@ -69,19 +69,19 @@
&>li { display: block; height: auto; float: $defaultFloat; }
@for $i from 1 through $blockGridElements {
&.#{convert-number-to-word($i)}-up {
@if $i == 1 { margin: 0; }
- @if $i == 2 { margin: 0 -15px; }
- @if $i == 3 { margin: 0 -12px; }
- @if $i == 4 { margin: 0 -10px; }
+ @else if $i == 2 { margin: 0 -15px; }
+ @else if $i == 3 { margin: 0 -12px; }
+ @else if $i == 4 { margin: 0 -10px; }
@else { margin: 0 -8px; }
&>li {
width: 100%/$i;
@if $i == 1 { padding: 0 0 15px; }
- @if $i == 2 { padding: 0 15px 15px; }
- @if $i == 3 { padding: 0 12px 12px; }
- @if $i == 4 { padding: 0 10px 10px; }
+ @else if $i == 2 { padding: 0 15px 15px; }
+ @else if $i == 3 { padding: 0 12px 12px; }
+ @else if $i == 4 { padding: 0 10px 10px; }
@else { padding: 0 8px 8px; }
@if $i > 1 { &:nth-child(#{$i}n+1) { clear: both; } }
}
}
}