sky.scss

/**
 * Sky theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 *
 * Adapted for Quarto by Posit, PBC
 * Copyright (C) 2024 Posit, PBC
 */

/*-- scss:defaults --*/

// Include theme-specific fonts
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

// Override theme settings
$font-family-sans-serif: "Open Sans", sans-serif !default;
$body-color: #333 !default;
$presentation-heading-font: "Quicksand", sans-serif !default;
$presentation-heading-color: $body-color !default;
$presentation-heading-letter-spacing: -0.08em !default;
$presentation-heading-text-shadow: none !default;
$body-bg: #f7fbfc !default;
$link-color: #3b759e !default;
$selection-bg: #134674 !default;

$presentation-heading-text-transform: uppercase !default; // from settings.scss
$presentation-heading-font-weight: normal !default; // from settings.scss

$overlayElementBgColor: 0, 0, 0 !default;
$overlayElementFgColor: 240, 240, 240 !default;

// Change text colors against dark slide backgrounds
$dark-bg-text-color: #fff !default;

// code blocks
$code-block-border-color: lighten($link-color, 30%) !default;
$code-block-bg: transparent !default;

/*-- scss:rules --*/

// Fix links so they are not cut off
.reveal a {
  line-height: 1.3em;
}

/*-- scss:mixins --*/

// Background generator
@mixin bodyBackground() {
  @include radial-gradient(#add9e4, #f7fbfc);
}