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