Core

[radogado]

• ~~Aspect ratio box when not 100% wide (inline-block)~~
• ~~Relative baseline adjustment for images/videos for flexible dimensions~~
• 4 columns to become 2 columns on tablet, etc – grid breakpoints
• (picture)-like trick for loading lightweight low quality images at first, then replacing it with bigger version
• ~~if fonts aren't loaded in 2", use local fonts instead – for browsers blanking text before font is loaded~~
• ~~IE11 swipe~~
• row with min-height centers columns vertically
• ~~Move JS fallback to ie.js – addClass without classList, forEach polyfill etc.~~
• ~~IE8, 9 fallback fix; Flexbox fallback to support rows wrapping~~
• ~~Grid spacing in FF .col45 + .col5. flex-basis: calc(% - 1.502em) fixes it. Only at box-sizing: content-box, which is needed for IE11-.~~
• ~~ul.indent option~~
• ~~Clean, seamless row embedding (no extra div & spacing)~~
• ~~Flexbox with min column width and fallback to tables~~
• ~~browser capabilities detection, instead of user agent~~
• ~~SASS for automatic calculation of baseline values. CSS calc() can do that job. SASS still needed for variables.~~
• ~~Option for 50% wide columns on narrow screens~~
• ~~parentByClass() -> getClosest()~~
• ~~option for vertical lines between columns (.row.border)~~
• ~~overflow:scroll functionality for unsupportive touch Android Browser (polyfill)~~
• ~~IE CSS hacks don’t survive minifying~~
• ~~Video player~~
• ~~Anchor link to another page~~
• ~~Any element .full-screen, close button (headless option), consolidation with modal.~~
• ~~Eliminate images load flash by setting aspect ratio by CSS and relative width~~
• ~~.full-screen via HTML5 Fullscreen API~~
• ~~Split into compilable SCSS modules~~
• X YouTube embeds with aspect ratio and no HTTPS errors