From e296b396574e0b206187440650256c76e242d93f Mon Sep 17 00:00:00 2001 From: Arnout Engelen Date: Mon, 26 Jan 2015 18:56:03 +0100 Subject: Grunt target was renamed --- css/theme/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'css/theme/README.md') diff --git a/css/theme/README.md b/css/theme/README.md index 8237586..90dc149 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -22,4 +22,4 @@ This is where you override the default theme. Either by specifying variables (se 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** The template theme file which will generate final CSS output based on the currently defined variables. -When you are done, run `grunt themes` to compile the Sass file to CSS and you are ready to use your new theme. +When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme. -- cgit v1.2.3 From df3852487470bbba55009404769e4c34b700c448 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 28 Jan 2015 08:45:38 +0100 Subject: theme readme update --- css/theme/README.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) (limited to 'css/theme/README.md') diff --git a/css/theme/README.md b/css/theme/README.md index 8237586..aa0b131 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -2,8 +2,6 @@ Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup -You also need to install Ruby and then Sass (with `gem install sass`). - ## Creating a Theme To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js). @@ -17,9 +15,9 @@ Shared utility functions. Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3. 3. **Override** -This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding full selectors with hardcoded styles. +This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** The template theme file which will generate final CSS output based on the currently defined variables. -When you are done, run `grunt themes` to compile the Sass file to CSS and you are ready to use your new theme. +When you are done, run `css-grunt themes` to compile the Sass file to CSS and you are ready to use your new theme. -- cgit v1.2.3 From 3b45b618b8f2f3c757a4c4645a381791ece71da8 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 28 Jan 2015 08:52:15 +0100 Subject: dynamic file mapping to avoid themes hardcoded in gruntfile --- Gruntfile.js | 22 +++++++++------------- css/theme/README.md | 6 ++---- 2 files changed, 11 insertions(+), 17 deletions(-) (limited to 'css/theme/README.md') diff --git a/Gruntfile.js b/Gruntfile.js index 3e67b9f..3b9f98e 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -36,19 +36,15 @@ module.exports = function(grunt) { } }, themes: { - files: { - 'css/theme/black.css': 'css/theme/source/black.scss', - 'css/theme/white.css': 'css/theme/source/white.scss', - 'css/theme/league.css': 'css/theme/source/league.scss', - 'css/theme/beige.css': 'css/theme/source/beige.scss', - 'css/theme/night.css': 'css/theme/source/night.scss', - 'css/theme/serif.css': 'css/theme/source/serif.scss', - 'css/theme/simple.css': 'css/theme/source/simple.scss', - 'css/theme/sky.css': 'css/theme/source/sky.scss', - 'css/theme/moon.css': 'css/theme/source/moon.scss', - 'css/theme/solarized.css': 'css/theme/source/solarized.scss', - 'css/theme/blood.css': 'css/theme/source/blood.scss' - } + files: [ + { + expand: true, + cwd: 'css/theme/source', + src: ['*.scss'], + dest: 'css/theme', + ext: '.css' + } + ] } }, diff --git a/css/theme/README.md b/css/theme/README.md index aa0b131..9822563 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -17,7 +17,5 @@ Declares a set of custom variables that the template file (step 4) expects. Can 3. **Override** This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. -4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** -The template theme file which will generate final CSS output based on the currently defined variables. - -When you are done, run `css-grunt themes` to compile the Sass file to CSS and you are ready to use your new theme. +4. **Run `css-grunt themes`** +This will compile your theme CSS. It's now ready to use. -- cgit v1.2.3 From 55a69fc68d065465a38b05fd6fd9970c608a35e8 Mon Sep 17 00:00:00 2001 From: Augustin Delaporte Date: Sun, 20 Sep 2015 09:05:28 +0200 Subject: Update the theme README.md The `grunt css-themes` command now loops through all Sass files. There is no need to add the newly created file to the task list.--- css/theme/README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) (limited to 'css/theme/README.md') diff --git a/css/theme/README.md b/css/theme/README.md index 753e0c0..5a6c8fa 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep ## Creating a Theme -To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js). +To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`. Each theme file does four things in the following order: @@ -19,5 +19,3 @@ This is where you override the default theme. Either by specifying variables (se 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** The template theme file which will generate final CSS output based on the currently defined variables. - -When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme. -- cgit v1.2.3