1
0
Fork 0
why-cant-we-deploy-today/css/theme/source/blood.scss

95 lines
2.0 KiB
SCSS
Raw Normal View History

2013-09-22 17:54:45 +02:00
/**
* 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.
*
*/
2023-05-23 19:50:14 +02:00
// Default mixins and settings -----------------
2013-09-22 17:54:45 +02:00
@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;
2015-03-02 12:27:15 +01:00
$backgroundColor: $coal;
2013-09-22 17:54:45 +02:00
// Main text
2023-05-23 19:50:14 +02:00
$mainFont: Ubuntu, "sans-serif";
2013-09-22 17:54:45 +02:00
$mainColor: #eee;
// Headings
2023-05-23 19:50:14 +02:00
$headingFont: Ubuntu, "sans-serif";
2013-09-22 17:54:45 +02:00
$headingTextShadow: 2px 2px 2px $coal;
2023-05-23 19:50:14 +02:00
// h1 shadow, borrowed humbly from
2013-09-22 17:54:45 +02:00
// (c) Default theme by Hakim El Hattab
2023-05-23 19:50:14 +02:00
$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);
2013-09-22 17:54:45 +02:00
// Links
$linkColor: $blood;
2023-05-23 19:50:14 +02:00
$linkColorHover: lighten($linkColor, 20%);
2013-09-22 17:54:45 +02:00
// Text selection
$selectionBackgroundColor: $blood;
$selectionColor: #fff;
// Change text colors against dark slide backgrounds
@include light-bg-text-color(#222);
2013-09-22 17:54:45 +02:00
// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------
// some overrides after theme template import
.reveal p {
2023-05-23 19:50:14 +02:00
font-weight: 300;
text-shadow: 1px 1px $coal;
2013-09-22 17:54:45 +02:00
}
section.has-light-background {
2023-05-23 19:50:14 +02:00
p,
h1,
h2,
h3,
h4 {
text-shadow: none;
}
}
2015-03-02 12:27:15 +01:00
.reveal h1,
2013-09-22 17:54:45 +02:00
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
2023-05-23 19:50:14 +02:00
font-weight: 700;
2013-09-22 17:54:45 +02:00
}
.reveal p code {
2023-05-23 19:50:14 +02:00
background-color: $codeBackground;
display: inline-block;
border-radius: 7px;
2013-09-22 17:54:45 +02:00
}
.reveal small code {
2023-05-23 19:50:14 +02:00
vertical-align: baseline;
}