Skip to content
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation
This project
Loading...
Sign in
Kevin
/
CSS Optimizations Workshop
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit 4de6c571
authored
Dec 08, 2014
by
Kevin Van Ransbeeck
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Update documentation (gruntfile and README)
1 parent
a970f515
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
13 additions
and
4 deletions
Gruntfile.js
README.md
Gruntfile.js
View file @
4de6c57
...
@@ -146,6 +146,9 @@ module.exports = function(grunt) {
...
@@ -146,6 +146,9 @@ module.exports = function(grunt) {
}
}
},
},
/**
* 10 :: Optimizes the images (png, jpg, gif) inside your assets/ folder.
*/
imagemin
:
{
imagemin
:
{
dynamic
:
{
dynamic
:
{
files
:
[{
files
:
[{
...
...
README.md
View file @
4de6c57
#
Foundation libsass template
#
Example project to showcase some front-end optimizations.
This is a template to start your own project that uses Grunt and libsass!
Project based on the foundation framework/boilerplate.
## Requirements
## Requirements
...
@@ -13,17 +13,23 @@ You'll need to have the following items installed before continuing.
...
@@ -13,17 +13,23 @@ You'll need to have the following items installed before continuing.
## Quickstart
## Quickstart
```
bash
```
bash
git clone git@github.com:zurb/foundation-libsass-template.git
git clone git@git.qandisa.be:climacon/css_optim.git
cd
css_optim
npm install
&&
bower install
npm install
&&
bower install
```
```
While you're working on your project, run:
While you're working on your project, run:
`grunt build`
-
Builds/combines/optimizes all assets.
`grunt critical`
-
Builds/combines/optimizes all assets, compiles the index.php file into HTML and inlines the critical CSS.
`grunt`
`grunt`
-
Runs the build task + watches your files for changes (SASS, images, JS...).
And you're set!
And you're set!
## Directory Structure
## Directory Structure
*
`scss/_settings.scss`
: Foundation configuration settings go in here
*
`scss/_settings.scss`
: Foundation configuration settings go in here
*
`scss/
app.scss`
:
Application styles go here
*
`scss/
_custom.scss`
:
Application styles go here
Write
Preview
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment