Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make navbar shrink later #22

Open
ForbesLindesay opened this issue Apr 13, 2013 · 2 comments
Open

Make navbar shrink later #22

ForbesLindesay opened this issue Apr 13, 2013 · 2 comments

Comments

@ForbesLindesay
Copy link
Member

The current navbar changes to mobile mode even when there's plenty of space still (e.g. on tablets). We only have 2 nav-bar links so we may as well keep them visible for much longer.

@dignifiedquire
Copy link
Member

This is pretty simple to do if we would compile the less files ourselves, you only need to set the @navbarCollapseWidth variable to a smaller value. Otherwise we would need to include a complete copy of responsive-navbar in our css. So I would suggest to compile the less files ourselves. The question is then do you want so use a dynamic way via express or precompile them with grunt?

@ForbesLindesay
Copy link
Member Author

I'd like to go the express way. This way we also get the advantage of getting all our styles compiled into one minified file. I'd like to use transform to do the middleware side of things. It should then be as simple as:

npm install less transform --save
var less = require('transform')('less');

app.get('/style.css', less('./path/to/style.less'));

The advantage is that transform knows how to handle gzip, minification, caching etc. in production vs. development by default. Also, I haven't actually used it in a real application yet, so it needs a test drive :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants