95 lines
2.0 KiB
SCSS
95 lines
2.0 KiB
SCSS
/**
|
|
* Blood theme for reveal.js
|
|
* Author: Walther http://github.com/Walther
|
|
*
|
|
* Designed to be used with highlight.js theme
|
|
* "monokai_sublime.css" available from
|
|
* https://github.com/isagalaev/highlight.js/
|
|
*
|
|
* For other themes, change $codeBackground accordingly.
|
|
*
|
|
*/
|
|
|
|
// Default mixins and settings -----------------
|
|
@import "../template/mixins";
|
|
@import "../template/settings";
|
|
// ---------------------------------------------
|
|
|
|
// Include theme-specific fonts
|
|
|
|
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
|
|
|
// Colors used in the theme
|
|
$blood: #a23;
|
|
$coal: #222;
|
|
$codeBackground: #23241f;
|
|
|
|
$backgroundColor: $coal;
|
|
|
|
// Main text
|
|
$mainFont: Ubuntu, "sans-serif";
|
|
$mainColor: #eee;
|
|
|
|
// Headings
|
|
$headingFont: Ubuntu, "sans-serif";
|
|
$headingTextShadow: 2px 2px 2px $coal;
|
|
|
|
// h1 shadow, borrowed humbly from
|
|
// (c) Default theme by Hakim El Hattab
|
|
$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, 0.1),
|
|
0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
|
|
0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
|
|
0 20px 20px rgba(0, 0, 0, 0.15);
|
|
|
|
// Links
|
|
$linkColor: $blood;
|
|
$linkColorHover: lighten($linkColor, 20%);
|
|
|
|
// Text selection
|
|
$selectionBackgroundColor: $blood;
|
|
$selectionColor: #fff;
|
|
|
|
// Change text colors against dark slide backgrounds
|
|
@include light-bg-text-color(#222);
|
|
|
|
// Theme template ------------------------------
|
|
@import "../template/theme";
|
|
// ---------------------------------------------
|
|
|
|
// some overrides after theme template import
|
|
|
|
.reveal p {
|
|
font-weight: 300;
|
|
text-shadow: 1px 1px $coal;
|
|
}
|
|
|
|
section.has-light-background {
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
.reveal h1,
|
|
.reveal h2,
|
|
.reveal h3,
|
|
.reveal h4,
|
|
.reveal h5,
|
|
.reveal h6 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.reveal p code {
|
|
background-color: $codeBackground;
|
|
display: inline-block;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.reveal small code {
|
|
vertical-align: baseline;
|
|
}
|