github.com/sentienttechnologies/studio-go-runner@v0.0.0-20201118202441-6d21f2ced8ee/docs/slides/css/theme/source/blood.scss (about)

     1  /**
     2   * Blood theme for reveal.js
     3   * Author: Walther http://github.com/Walther
     4   *
     5   * Designed to be used with highlight.js theme
     6   * "monokai_sublime.css" available from
     7   * https://github.com/isagalaev/highlight.js/
     8   *
     9   * For other themes, change $codeBackground accordingly.
    10   *
    11   */
    12  
    13   // Default mixins and settings -----------------
    14  @import "../template/mixins";
    15  @import "../template/settings";
    16  // ---------------------------------------------
    17  
    18  // Include theme-specific fonts
    19  
    20  @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
    21  
    22  // Colors used in the theme
    23  $blood: #a23;
    24  $coal: #222;
    25  $codeBackground: #23241f;
    26  
    27  $backgroundColor: $coal;
    28  
    29  // Main text
    30  $mainFont: Ubuntu, 'sans-serif';
    31  $mainColor: #eee;
    32  
    33  // Headings
    34  $headingFont: Ubuntu, 'sans-serif';
    35  $headingTextShadow: 2px 2px 2px $coal;
    36  
    37  // h1 shadow, borrowed humbly from 
    38  // (c) Default theme by Hakim El Hattab
    39  $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);
    40  
    41  // Links
    42  $linkColor: $blood;
    43  $linkColorHover: lighten( $linkColor, 20% );
    44  
    45  // Text selection
    46  $selectionBackgroundColor: $blood;
    47  $selectionColor: #fff;
    48  
    49  
    50  // Theme template ------------------------------
    51  @import "../template/theme";
    52  // ---------------------------------------------
    53  
    54  // some overrides after theme template import
    55  
    56  .reveal p {
    57      font-weight: 300;
    58      text-shadow: 1px 1px $coal;
    59  }
    60  
    61  .reveal h1,
    62  .reveal h2,
    63  .reveal h3,
    64  .reveal h4,
    65  .reveal h5,
    66  .reveal h6 {
    67      font-weight: 700;
    68  }
    69  
    70  .reveal p code {
    71      background-color: $codeBackground;
    72      display: inline-block;
    73      border-radius: 7px;
    74  }
    75  
    76  .reveal small code {
    77      vertical-align: baseline;
    78  }