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

   1 /**
   2  * Sky 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(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
  17 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
  18
  19
  20 // Override theme settings (see ../template/settings.scss)
  21 $mainFont: 'Open Sans', sans-serif;
  22 $mainColor: #333;
  23 $headingFont: 'Quicksand', sans-serif;
  24 $headingColor: #333;
  25 $headingLetterSpacing: -0.08em;
  26 $headingTextShadow: none;
  27 $backgroundColor: #f7fbfc;
  28 $linkColor: #3b759e;
  29 $linkColorHover: lighten( $linkColor, 20% );
  30 $selectionBackgroundColor: #134674;
  31
  32 // Fix links so they are not cut off
  33 .reveal a {
  34         line-height: 1.3em;
  35 }
  36
  37 // Background generator
  38 @mixin bodyBackground() {
  39         @include radial-gradient( #add9e4, #f7fbfc );
  40 }
  41
  42
  43
  44 // Theme template ------------------------------
  45 @import "../template/theme";
  46 // ---------------------------------------------