sky.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /**
  2. * Sky theme for reveal.js.
  3. *
  4. * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  5. */
  6. // Default mixins and settings -----------------
  7. @import "../template/mixins";
  8. @import "../template/settings";
  9. // ---------------------------------------------
  10. // Include theme-specific fonts
  11. @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
  12. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
  13. // Override theme settings (see ../template/settings.scss)
  14. $mainFont: 'Open Sans', sans-serif;
  15. $mainColor: #333;
  16. $headingFont: 'Quicksand', sans-serif;
  17. $headingColor: #333;
  18. $headingLetterSpacing: -0.08em;
  19. $headingTextShadow: none;
  20. $backgroundColor: #f7fbfc;
  21. $linkColor: #3b759e;
  22. $linkColorHover: lighten( $linkColor, 20% );
  23. $selectionBackgroundColor: #134674;
  24. // Fix links so they are not cut off
  25. .reveal a {
  26. line-height: 1.3em;
  27. }
  28. // Background generator
  29. @mixin bodyBackground() {
  30. @include radial-gradient( #add9e4, #f7fbfc );
  31. }
  32. // Change text colors against dark slide backgrounds
  33. @include dark-bg-text-color(#fff);
  34. // Theme template ------------------------------
  35. @import "../template/theme";
  36. // ---------------------------------------------