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
$fontBasic {
14
  font-family: arial
15
  font-size: 1rem
16
}
17
18
$maxWidth {
19
  max-width: 1200px
20
}
21
22
$colorPrimary {
23
  color: white
24
  background-color: #3dc8c3
25
}
26
27
$colorSubtle {
28
  color: #222
29
}
30
31
$primaryBackground {
32
  background-color: #f7f7f7
33
}
34
35
$smallAvatar {
36
  width: 3rem
37
  height: 3rem
38
  border-radius: 1.5rem
39
}
40
41
$largeAvatar {
42
  width: 6rem
43
  height: 6rem
44
  border-radius: 3rem
45
}
46
47
$markdownSmall {
48
  div.Markdown {
49
    h1, h2, h3, h4, h5, h6, p {
50
      font-size: 1rem
51
      font-weight: 300
52
      margin: 0
53
    }
54
  }
55
}
56
57
$markdownLarge {
58
  div.Markdown {
59
    h1, h2, h3, h4, h5, h6, p {
60
      font-size: 1.2rem
61
      font-weight: 300
62
      margin: 0
63
    }
64
  }
65
}
66
67
$markdownBold {
68
  div.Markdown {
69
    h1, h2, h3, h4, h5, h6, p {
70
      font-weight: bold
71
    }
72
  }
73
}
74
75
$borderSubtle {
76
  border: 1px solid #b9b9b9
77
}
78
79
$roundLeft {
80
  border-top-left-radius: 1.2rem
81
  border-bottom-left-radius: 1.2rem
82
}
83
84
$roundRight {
85
  border-top-right-radius: 1.2rem
86
  border-bottom-right-radius: 1.2rem
87
}
88
89
$roundTop {
90
  border-top-left-radius: 1.2rem
91
  border-top-right-radius: 1.2rem
92
}
93
94
$roundBottom {
95
  border-bottom-left-radius: 1.2rem
96
  border-bottom-right-radius: 1.2rem
97
}
98
`
99