simple.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /**
  2. * A simple theme for reveal.js presentations, similar
  3. * to the default theme. The accent color is darkblue.
  4. *
  5. * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
  6. * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  7. */
  8. // Default mixins and settings -----------------
  9. @use "sass:color";
  10. @import "../template/mixins";
  11. @import "../template/settings";
  12. // ---------------------------------------------
  13. // Include theme-specific fonts
  14. @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
  15. @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  16. // Override theme settings (see ../template/settings.scss)
  17. $mainFont: 'Lato', sans-serif;
  18. $mainColor: #000;
  19. $headingFont: 'News Cycle', Impact, sans-serif;
  20. $headingColor: #000;
  21. $headingTextShadow: none;
  22. $headingTextTransform: none;
  23. $backgroundColor: #fff;
  24. $linkColor: #00008B;
  25. $linkColorHover: color.scale( $linkColor, $lightness: 20% );
  26. $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
  27. $overlayElementBgColor: 0, 0, 0;
  28. $overlayElementFgColor: 240, 240, 240;
  29. // Change text colors against dark slide backgrounds
  30. @include dark-bg-text-color(#fff);
  31. // Theme template ------------------------------
  32. @import "../template/theme";
  33. // ---------------------------------------------