Kezdőlap Felfedezés Súgó
Bejelentkezés
wyoj
/
wyoj-raw
2
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Branch: master
Branch-ok Tag-ek
wyoj-raw
/
css
/
reveal
/
theme
ryp 9b2096aad7 Initial commit 20260810 1 hete
..
source 9b2096aad7 Initial commit 20260810 1 hete
template 9b2096aad7 Initial commit 20260810 1 hete
README.md 9b2096aad7 Initial commit 20260810 1 hete
beige.css 9b2096aad7 Initial commit 20260810 1 hete
beige.css.map 9b2096aad7 Initial commit 20260810 1 hete
black.css 9b2096aad7 Initial commit 20260810 1 hete
black.css.map 9b2096aad7 Initial commit 20260810 1 hete
blood.css 9b2096aad7 Initial commit 20260810 1 hete
blood.css.map 9b2096aad7 Initial commit 20260810 1 hete
league.css 9b2096aad7 Initial commit 20260810 1 hete
league.css.map 9b2096aad7 Initial commit 20260810 1 hete
moon.css 9b2096aad7 Initial commit 20260810 1 hete
moon.css.map 9b2096aad7 Initial commit 20260810 1 hete
night.css 9b2096aad7 Initial commit 20260810 1 hete
night.css.map 9b2096aad7 Initial commit 20260810 1 hete
serif.css 9b2096aad7 Initial commit 20260810 1 hete
simple.css 9b2096aad7 Initial commit 20260810 1 hete
simple.css.map 9b2096aad7 Initial commit 20260810 1 hete
sky.css 9b2096aad7 Initial commit 20260810 1 hete
sky.css.map 9b2096aad7 Initial commit 20260810 1 hete
solarized.css 9b2096aad7 Initial commit 20260810 1 hete
solarized.css.map 9b2096aad7 Initial commit 20260810 1 hete
white.css 9b2096aad7 Initial commit 20260810 1 hete
white.css.map 9b2096aad7 Initial commit 20260810 1 hete

README.md

Dependencies

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 and adding it to the compilation list in the Gruntfile.

Each theme file does four things in the following order:

  1. Include /css/theme/template/mixins.scss Shared utility functions.

  2. Include /css/theme/template/settings.scss 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 for reference) or by adding full selectors with hardcoded styles.

  4. Include /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.