HTML5 Boilerplate with Compass

• Repositório - https://github.com/hebertsilva/html5-boilerplate-compass

Instalação

Siga os passos abaixo para instalação e configuração.

Iniciando um novo Projeto

Faça um clone do html5-boilerplate-compass:

git clone https://github.com/hebertsilva/html5-boilerplate-compass.git

Faça um clone do repositório vázio para seu novo projeto:

git clone https://github.com/seu-repositorio/projeto.git

Exporte o html5-boilerplate-compass para seu novo projeto:

cd path/novo-projeto
cp ~/path/html5-boilerplate-compass -n .git ~/path/novo-projeto
git add .
git commit -am "commit inicial"
git push origin nome-branch

Compass e Grunt

Instalando as dependências

Para compilar o CSS é necessário ter o ruby e o bundler instalado:

gem install bundler

Instale também o NodeJS

Em seguida o pacote do Grunt

npm install -g grunt-cli

Instale as dependências do Grunt para o seu projeto

npm install

Instale as dependências do Compass

Opção 1:

cd compass
bundle install --path .bundle

Opção 2 (usando o atalho do Grunt):

grunt bundler

Compilando CSS

Opção 1:

cd compass
bundle exec compass compile

Opção 2:

grunt css

Monitorando alterações no SCSS

Opção 1:

cd compass
bundle exec compass watch

Opção 2:

grunt

Otimização de imagens

grunt imagemin

Otimiza as imagens JPG e PNG utilizando o plugin grunt-contrib-imagemin

Contribuindo

Toda e qualquer pessoa é bem-vinda para contribuir.