Spark Workshop
  • Spark Workshops for Developers, Administrators and Operators
  • Apache Spark 2.0 / Scala Workshop and Webinars
    • plugin
      • markdown
        • Markdown Demo
    • css
      • README
  • MAIL
  • Spark Administration and Monitoring Workshop
  • Spark and Scala (Application Development) Workshop
  • exercises
    • spark-exercise-custom-ExternalClusterManager
Powered by GitBook
On this page
  • Dependencies
  • Creating a Theme

Was this helpful?

  1. Apache Spark 2.0 / Scala Workshop and Webinars
  2. css

README

PreviouscssNextMAIL

Last updated 5 years ago

Was this helpful?

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:

Creating a Theme

To create your own theme, start by duplicating any .scss file in and adding it to the compilation list in the .

Each theme file does four things in the following order:

  1. Include Shared utility functions.

  2. Include 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 for reference) or by adding any selectors and styles you please.

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

https://github.com/hakimel/reveal.js#full-setup
/css/theme/source
Gruntfile
/css/theme/template/mixins.scss
/css/theme/template/settings.scss
settings.scss
/css/theme/template/theme.scss