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

   1 /**
   2  * Beige theme for reveal.js.
   3  *
   4  * Copyright (C) 2011-2012 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
  15 // Include theme-specific fonts
  16 @import url(../../lib/font/league-gothic/league-gothic.css);
  17 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  18
  19
  20 // Override theme settings (see ../template/settings.scss)
  21 $mainColor: #333;
  22 $headingColor: #333;
  23 $headingTextShadow: none;
  24 $backgroundColor: #f7f3de;
  25 $linkColor: #8b743d;
  26 $linkColorHover: lighten( $linkColor, 20% );
  27 $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
  28 $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
  29
  30 // Background generator
  31 @mixin bodyBackground() {
  32         @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
  33 }
  34
  35
  36
  37 // Theme template ------------------------------
  38 @import "../template/theme";
  39 // ---------------------------------------------