git ssb

1
const nest = require('depnest')
2
const { assign } = Object
3
4
exports.gives = nest('styles.mixins')
5
6
exports.create = (api) => {
7
  return nest('styles.mixins', (sofar = {}) => {
8
    return assign(sofar, { mainMixins })
9
  })
10
}
11
12
const mainMixins = `
13
$primaryColor {
14
  color: white
15
  background-color: #3dc8c3
16
}
17
18
$colorSubtle {
19
  color: #222
20
}
21
22
$primaryBackground {
23
  background-color: #f7f7f7
24
}
25
26
$smallAvatar {
27
  width: 3rem
28
  height: 3rem
29
  border-radius: 1.5rem
30
}
31
32
$largeAvatar {
33
  width: 6rem
34
  height: 6rem
35
  border-radius: 3rem
36
}
37
38
$smallMarkdown {
39
  div.Markdown {
40
    h1, h2, h3, h4, h5, h6, p {
41
      font-size: 1rem
42
      font-weight: 300
43
      margin: 0
44
    }
45
  }
46
}
47
48
$largeMarkdown {
49
  div.Markdown {
50
    h1, h2, h3, h4, h5, h6, p {
51
      font-size: 1.2rem
52
      font-weight: 300
53
      margin: 0
54
    }
55
  }
56
}
57
58
$roundLeft {
59
  border-top-left-radius: .9rem
60
  border-bottom-left-radius: .9rem
61
}
62
63
$roundRight {
64
  border-top-right-radius: .9rem
65
  border-bottom-right-radius: .9rem
66
}
67
68
$roundTop {
69
  border-top-left-radius: .9rem
70
  border-top-right-radius: .9rem
71
}
72
73
$roundBottom {
74
  border-bottom-left-radius: .9rem
75
  border-bottom-right-radius: .9rem
76
}
77
`
78