presentation-css-nuggets/theme.js at master · webbidevaus/presentation-css-nuggets · 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
const base = {
  font: "system-ui, sans-serif",
  monospace: "Menlo, monospace",

  colors: {
    text: "#000",
    background: "white",
    link: "#07c",
    pre: "#f0f",
    preBackground: "#333",
    code: "#f0f"
  },
  css: {
    fontSize: "16px",
    textAlign: "center",
    "@media screen and (min-width:56em)": {
      fontSize: "32px"
    },
    "@media screen and (min-width:64em)": {
      fontSize: "48px"
    },
    "@media print": {
      fontSize: "40px"
    },
    "li > p": {
      margin: 0
    }
  },
  pre: {
    textAlign: "left"
  },
  ol: {
    textAlign: "left"
  },
  ul: {
    textAlign: "left"
  }
};

const blue = "#0af";

export default {
  ...base,
  font: '"Montserrat", system-ui, sans-serif',
  colors: {
    text: "#fff",
    background: "#a20744",
    blue,
    link: blue,
    pre: blue,
    preBackground: "#000",
    code: blue
  },
  heading: {
    textTransform: "uppercase",
    letterSpacing: "0.1em",
    fontWeight: 600
  },
  quote: {
    fontWeight: 600
  },
  Slide: {}
};