lesjames / breakpoint Goto Github PK

https://github.com/jbrewer/Responsive-Measure

Consider adding an argument that can turn off the wrapper class.

Add a configuration option

Using the sandbox mixin with the regular bp mixin can create a 1px no mans land.

Try parsing document.styleSheets to get layout into

Readme should just be a feature overview. Changelog should be separate file and documentation should go in Wiki.

Maybe I'm misunderstanding how to use breakpoint but is there way to offset or nest columns (like bootstrap @ http://twitter.github.com/bootstrap/scaffolding.html#gridSystem)?

Dropping box sizing polyfill in favor of more selective approach with jQuery.

Schepp/box-sizing-polyfill#12 (comment)

Needs new home

There doesn't seem to be a non-hacky way of doing a full bleed (100% width) background colour / texture, for example the the top header on github. The width and padding on .wrapper makes it impossible. Any thoughts on a work around?

To match recent naming changes shown in CSS Tricks article

Changing the body font family can break the grid due to changes in letter spacing. Try setting grid and grid cell to a consistant font family?

need to be able to execute a callback without selecting an element like $.breakpoint();

Use grunt to strip test code for a build version?

http://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/

Is there a way that selecting data attrs with css can be used for responsive images.

http://christianheilmann.com/2012/10/10/data-attributes-rock-as-both-css-and-javascript-know-them/

using width: fixed(x); can cause rounding errors in IE that cause overflow to the next line

portrait and landscape options?
pixel ratio?

Convert grid classes to BEM syntax

Create breakpoint folder to separate out breakpoint core. Move and consolidate normalize and H5BP styles.

Version numbering, tagging, branching/merging, documentation, changelog and public API changes need to be standardized moving forward. Create a page in the wiki with a process for updating BP.

Changing the base font size can effect mq sizing because the em() function doesn't account for it. Try making base font size a variable that the em function uses.

Update jQuery, Modernizr, boxsizing and H5BP

Quick question on best practice with the SASS structure. Do you add breakpoints to the components.scss? Sometimes I find that a component will need to change depending on the page width and it seems odd to spread the code over two files (structure and components).

Recreate icon font so background is knocked out with icon

https://github.com/zurb/foundation/blob/3.0-scss/scss/typography.scss

Will @function fixed($col) { @return $col * em( $grid-column + $grid-gutter ) } work?

Add all vendor prefixed mqs

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {  }

It may be necessary to execute scripts depending on what layout is active. You should be able to fire a callback without having to tie it to an image resize callback.

Rethink MQ so that it's boolean for hi res.

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { @content }

At some point did you change from using .grid-cell to .grid__cell? All of the examples and articles utilize the former, but it no longer appears in the repository as far as I could tell (with a search) while the later does.

Is it safe to just add it back to _grid-core.scss?

Make sure that no third party mixins are used in the breakpoint core or helper files.

Create a mixin that will bump the font size of the root to a percentage passed through an argument. Maybe pair it with the sandbox since you usually don't want a bump to cascade.

Need to blend normalize and typography to avoid conflicts and duplication.

Provide example of .grid__cell--main

Run JS through GCC for a minified version.

Add a Mixin that sets float none and zero margin left when a containers children shrink to the point of needing a single column

Fully document HTML, Sass and JS APIs

I'm running into this error while trying to compile (in CodeKit.)

(Line 45 of _grid-helpers.scss: Mixin 'breakpoint-extras' is missing argument $grid-overlay.)

I went ahead and simply added said argument, and everything compiled correctly after doing so. I'm not sure if it's a general error or something CodeKit specific.

Have the breakpoint label list exported as a string in json format

If no fallback image is defined breakpoint should display none the image.

Need to create a demo page that shows grid system in use.

Check available attr for fallback label. Warn if no match found.

No installation instructions means I have to pick through the files in the repo to figure out which I need to include in my existing project and which I should ignore.

Need to remane grid mixins to more meaningful names

Redo this...

if(!Modernizr.mq('(min-width: 0px)')) {
  // alert('Fallback for no MQ');
}