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
       margin: 0
43
    }
44
  }
45
}
46
47
$roundLeft {
48
  border-top-left-radius: .9rem
49
  border-bottom-left-radius: .9rem
50
}
51
52
$roundRight {
53
  border-top-right-radius: .9rem
54
  border-bottom-right-radius: .9rem
55
}
56
57
$roundTop {
58
  border-top-left-radius: .9rem
59
  border-top-right-radius: .9rem
60
}
61
62
$roundBottom {
63
  border-bottom-left-radius: .9rem
64
  border-bottom-right-radius: .9rem
65
}
66
`
67