Add responsive download page

[tallowen]

Adjust css to allow the download buttons to collapse for smaller screen sizes.

This works to a degree right now. The bottom footers don't seem to be too happy to be compressed - are they specific to this site? They really need to be in a more mobile friendly format.

[tofumatt]

!important, eh? Was that my fault?

[tallowen]

Its to override the base style.

[tofumatt]

The bottom things are taken from django-moz-header... I'm not sure if there's a responsive version. @potch? @Osmose?

[Osmose]

I don't think so. The footer in django-moz-header is rather outdated.

Isn't someone working on a One Mozilla Bootstrap of some kind? Perhaps they have a reusable responsive footer?

[tofumatt]

Maybe @craigcook knows if the one-mozilla footer is responsive?

[craigcook]

The One Mozilla/Sandstone footer is indeed responsive. You can swipe it from bedrock:

Template: https://github.com/mozilla/bedrock/blob/master/templates/base-resp.html#L123
Relevant CSS: https://github.com/mozilla/bedrock/blob/master/media/css/sandstone/sandstone-resp.less#L584

That's a LESS file so it references some variables that you'll have to follow back to their source in https://github.com/mozilla/bedrock/blob/master/media/css/sandstone/variables-resp.less

We're working on a style guide for Mozilla branding and from that I plan to develop a more portable framework, a la bootstrap, to provide a few basic templates and layout variations, common markup patterns, and all the global styles for forms and buttons etc, to make this kind of thing much easier. It just hasn't happened yet.

[tofumatt]

Cool beans. @tallowen, can you take a crack at implementing the one-mozilla footer here or shall I pick things up from here?

Matthew Riley MacPherson | http://lonelyvegan.com
(Sent from mobile)

On 2012-09-04, at 15:12, Craig Cook notifications@github.com wrote:

The One Mozilla/Sandstone footer is indeed responsive. You can swipe it from bedrock:

Template: https://github.com/mozilla/bedrock/blob/master/templates/base-resp.html#L123
Relevant CSS: https://github.com/mozilla/bedrock/blob/master/media/css/sandstone/sandstone-resp.less#L584

That's a LESS file so it references some variables that you'll have to follow back to their source in https://github.com/mozilla/bedrock/blob/master/media/css/sandstone/variables-resp.less

We're working on a style guide for Mozilla branding and from that I plan to develop a more portable framework, a la bootstrap, to provide a few basic templates and layout variations, common markup patterns, and all the global styles for forms and buttons etc, to make this kind of thing much easier. It just hasn't happened yet.

—
Reply to this email directly or view it on GitHub.

[tallowen]

Sorry I didn't notice this thread for such a long time! @craigcook has there been any progress in breaking that code out into something that more sites can consume? If not, I'll try to turn that footer into something useable in this project. What about the header?