|
1 сар өмнө | |
---|---|---|
.. | ||
fonts | 2 сар өмнө | |
template | 1 сар өмнө | |
README.md | 2 сар өмнө | |
beige.scss | 2 сар өмнө | |
black-contrast.scss | 2 сар өмнө | |
black.scss | 2 сар өмнө | |
blood.scss | 2 сар өмнө | |
dracula.scss | 2 сар өмнө | |
league.scss | 2 сар өмнө | |
moon.scss | 2 сар өмнө | |
night.scss | 2 сар өмнө | |
serif.scss | 2 сар өмнө | |
simple.scss | 2 сар өмнө | |
sky.scss | 2 сар өмнө | |
solarized.scss | 2 сар өмнө | |
white-contrast.scss | 2 сар өмнө | |
white.scss | 2 сар өмнө |
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 installed before proceeding: https://revealjs.com/installation/#full-setup
To create your own theme, start by duplicating a .scss
file in /css/theme/source. It will be automatically compiled from Sass to CSS (see the gulpfile) when you run npm run build:styles
.
Each theme file follows the same structure:
Include /css/theme/template/mixins.scss
Shared utility functions.
Include /css/theme/template/settings.scss
Declares a set of custom CSS variables that the template file (step 4) expects. Each of these variables can be overridden to customize the theme.
Include /css/theme/template/theme.scss
The template theme file which will generate final CSS output based on the currently defined variables.
Optionally add custom fonts and/or additional styles