Skip to content

Instantly share code, notes, and snippets.

Avatar
💁‍♀️
I try to solve all my problems with a single SQL query.

Gabriela D'Ávila Ferrara gabidavila

💁‍♀️
I try to solve all my problems with a single SQL query.
View GitHub Profile
View folder structure
public/
|-- assets
| |-- stylesheets
| | |-- base.scss # base from foundation
| | |-- custom.scss # for customs scss
| | `-- variables.scss # for custom variables
| `-- javascripts
| `-- custom.js # for customs javascript
|-- css
`-- js
View base.scss
/*
* public/assets/stylesheets/base.scss
* Files from foundation
*/
@import 'variables';
@import '../vendor/foundation/scss/normalize';
@import '../vendor/foundation/scss/foundation';
View GruntfileTemplate.js
//Gruntfile
module.exports = function(grunt) {
//Initializing the configuration object
grunt.initConfig({
// Paths variables
paths: {
// Development where put SASS files, etc
assets: {
View bower.json
{
"name": "laravelTutorial",
"dependencies": {
"foundation": "~5.3.3"
}
}
View InstallSass.sh
$ gem install compass
$ gem install sass
View assets tree
public/assets/vendor/
|-- fastclick
|-- foundation
|-- jquery
|-- jquery-placeholder
|-- jquery.cookie
`-- modernizr
View InstallLaravel.sh
$ composer create-project laravel/laravel --prefer-dist
View InstallGruntPlugins.sh
# --save-dev saves this plugins in package.json, so just keep them here :)
$ npm install grunt --save-dev
$ npm install grunt-contrib-concat --save-dev
$ npm install grunt-contrib-uglify --save-dev
$ npm install grunt-phpunit --save-dev
$ npm install grunt-contrib-compass --save-dev
$ npm install grunt-contrib-sass --save-dev
# OR a single command :O
View package.json
{
"name": "laravelTutorial",
"version": "0.1.0",
"description": "This is a Laravel with Grunt, Bower, Foundation and Sass Tutorial made by @gabidavila: http://en.davila.blog.br",
"main": "Gruntfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",