quarto-utils/custom.scss at develop · ebpro/quarto-utils · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/*-- scss:defaults --*/
// Colors
$primary-color: #0057B7;
$secondary-color: #6082B6;
$accent-color: #31BAE9;
$background-color: #FFFFFF;
$text-color: #2C3E50;
$link-color: $primary-color;

// Typography
$font-family-sans-serif: 'Manrope', sans-serif;
$font-family-monospace: 'Source Code Pro', monospace;
$presentation-heading-font: 'IBM Plex Serif', serif;
$presentation-font-size-root: 2em;
$presentation-line-height: 1.5;

// Presentation elements
$presentation-title-color: $primary-color;
$presentation-heading-color: $primary-color;
$presentation-h1-font-size: 2.5em;
$presentation-h2-font-size: 2em;
$presentation-h3-font-size: 1.5em;
$presentation-block-margin: 1.5rem;

// Code blocks
$code-block-bg: lighten($primary-color, 55%);
$code-block-border-left: 5px solid $accent-color;
$code-block-border-radius: 4px;
$code-block-font-size: 0.9em;
$code-font-size: 0.9em;
$code-color: darken($text-color, 10%);

/*-- scss:rules --*/
.reveal {
  .slide-number {
    font-size: 0.8em;
    background-color: rgba($primary-color, 0.1);
    padding: 0.2em 0.5em;
    border-radius: 3px;
  }

  .sourceCode {
    font-family: $font-family-monospace;
  }

  blockquote {
    border-left: 4px solid $accent-color;
    padding-left: 1em;
    font-style: italic;
  }

  table {
    border-collapse: collapse;
    th, td {
      border: 1px solid lighten($primary-color, 40%);
      padding: 0.5em;
    }
    th {
      background-color: rgba($primary-color, 0.1);
    }
  }

  .controls {
    color: $primary-color;
  }
}