beige.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /**
  2. * Beige 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(./fonts/league-gothic/league-gothic.css);
  12. @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  13. // Override theme settings (see ../template/settings.scss)
  14. $mainColor: #333;
  15. $headingColor: #333;
  16. $headingTextShadow: none;
  17. $backgroundColor: #f7f3de;
  18. $linkColor: #8b743d;
  19. $linkColorHover: lighten( $linkColor, 20% );
  20. $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
  21. $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);
  22. // Background generator
  23. @mixin bodyBackground() {
  24. @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
  25. }
  26. // Change text colors against dark slide backgrounds
  27. @include dark-bg-text-color(#fff);
  28. // Theme template ------------------------------
  29. @import "../template/theme";
  30. // ---------------------------------------------