docs/com/css/theme/source/white.scss

   1 /**
   2  * White theme for reveal.js. This is the opposite of the 'black' theme.
   3  *
   4  * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
   5  */
   6
   7
   8 // Default mixins and settings -----------------
   9 @import "../template/mixins";
  10 @import "../template/settings";
  11 // ---------------------------------------------
  12
  13
  14 // Include theme-specific fonts
  15 @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
  16
  17
  18 // Override theme settings (see ../template/settings.scss)
  19 $backgroundColor: #fff;
  20
  21 $mainColor: #222;
  22 $headingColor: #222;
  23
  24 $mainFontSize: 38px;
  25 $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
  26 $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
  27 $headingTextShadow: none;
  28 $headingLetterSpacing: normal;
  29 $headingTextTransform: uppercase;
  30 $headingFontWeight: 600;
  31 $linkColor: #2a76dd;
  32 $linkColorHover: lighten( $linkColor, 15% );
  33 $selectionBackgroundColor: lighten( $linkColor, 25% );
  34
  35 $heading1Size: 2.5em;
  36 $heading2Size: 1.6em;
  37 $heading3Size: 1.3em;
  38 $heading4Size: 1.0em;
  39
  40 section.has-dark-background {
  41         &, h1, h2, h3, h4, h5, h6 {
  42                 color: #fff;
  43         }
  44 }
  45
  46
  47 // Theme template ------------------------------
  48 @import "../template/theme";
  49 // ---------------------------------------------