Skip to content

Commit

Permalink
Give grid whitespace negater a unit (for IE8)
Browse files Browse the repository at this point in the history
As per issue #11, give the font-size: 0 whitespace remover a unit so
that IE8 ignores it and still shows the content.
  • Loading branch information
colourgarden committed May 3, 2016
1 parent 9773fad commit d4e9499
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion README.MD
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ Avalanche includes a media query mixin that makes use of the breakpoint aliases

## Browser support

All modern browsers are supported and Internet Explorer from IE9 upwards. If IE8 support is required then all that is needed is a pixel-value to be set for `font-size` on `.grid__cell`. This is due to IE8 not supporting rem units. Use of [autoprefixer](https://github.com/postcss/autoprefixer) is recommended which will handle this for you automatically.
All modern browsers are supported and Internet Explorer from IE9 upwards. If IE8 support is required then all that is needed is a pixel-value to be set for `font-size` on `.grid__cell`. This is due to IE8 not supporting rem units. Use of a 'rem-to-px' check during build is recommended.

## Questions

Expand Down
2 changes: 1 addition & 1 deletion _avalanche.scss
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,7 @@ $av-enable-grid-rev: false !default;
padding: 0;
margin: 0;
margin-left: -($av-gutter);
font-size: 0;
font-size: 0rem;
}

.#{$av-namespace}__cell{
Expand Down
Loading

0 comments on commit d4e9499

Please sign in to comment.