Skip to content

Commit

Permalink
remove dist, update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Tom Rothe committed Apr 5, 2019
1 parent 04f880e commit f8ed1bd
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 157 deletions.
16 changes: 1 addition & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,7 @@ Automatically annotate CSS Grid items, so they are correctly positioned in IE11.

![Demo: before, after](demo.gif)

Input for the blog post (and this readme):

```txt
- cells = items):
Problem:
- Grid is Great to work with and Great to learn for junior front end developers. After having watched Wes Bos tutorial I was in love (see free alternative in mdn grid-template-columns#see_also)
- ie 10 & 11 support only an older specification (we only need to support IE11)
- among other shortcomings, ie requires explicit setting of the grid-column and grid-row or it will default to 1 and each grid cell will be slapped on top of each other
possibilities:
- annotate each cell with col & row manually -> cumbersome
- unfortunately we can not use Autoprefixer’s annotation feature, because it has no info on which element goes where and sometimes one element might even go into different cols/rows. https://github.com/postcss/autoprefixer/blob/master/README.md#grid-autoplacement-support-in-ie
- so we ended up writing a little js that is only executed when ie is detected. It reads the computed style of all elements and then uses this info to annotate.
- what is supported... (not repeat, fitcontent, etc. because IE does not understand it anyway)
- event: we need to use load, because we need to access the calculated styles which are only available after the styles were loaded
```
Please check back under the releases tab for recent releases.

## Test Pages

Expand Down
142 changes: 0 additions & 142 deletions dist/css_grid_annotator-0.1.js

This file was deleted.

0 comments on commit f8ed1bd

Please sign in to comment.