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