Bedrock is a highly unopinionated and minimal front-end baseline built in LESS
Frameworks are too limiting. If your truly handwriting code only so much of it can be reused. Your classnames, IDs and markup structure should match what's best for the project. Bedrock attempts to avoid telling how to write your code and instead allows you to just write it.
To install bedrock, simply download the zip into a folder of your choice or:
Using Bower you can run bower install bedrock
Using Volo you can run volo install aebsr/bedrock
or volo add aebsr/bedrock
Using a git submodule you can run git submodule add git://github.com/aebsr/bedrock.git bedrock
@import 'path/to/bedrock/bedrock'
Out of the box, Bedrock supports IE8 up. But it is CSS3Pie and BoxSizing ready if you need to support IE7.
To enable support checkout the following steps. I chose to not use Modernizr classes as modernizr builds are all custom, and you may not even be using it.
To enable CSS3PIE, add the pie
class to the html
tag. If your using Modernizr it would look something like this.
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 pie"> <![endif]-->
And then in your LESS file, define the url of your polyfill, otherwise the default path will be used.
@pie_url: '/PIE.htc';
To enable BoxSizing support in IE7, simply define your polyfill path. Otherwise the default path will be used.
@boxsizing_url: '/boxsizing.htc';