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
$markdownSmall {
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
$markdownLarge {
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
$markdownBold {
77
  div.Markdown {
78
    h1, h2, h3, h4, h5, h6, p {
79
      font-weight: bold
80
    }
81
  }
82
}
83
84
$borderSubtle {
85
  border: 1px solid #b9b9b9
86
}
87
88
$roundLeft {
89
  border-top-left-radius: 1.2rem
90
  border-bottom-left-radius: 1.2rem
91
}
92
93
$roundRight {
94
  border-top-right-radius: 1.2rem
95
  border-bottom-right-radius: 1.2rem
96
}
97
98
$roundTop {
99
  border-top-left-radius: 1.2rem
100
  border-top-right-radius: 1.2rem
101
}
102
103
$roundBottom {
104
  border-bottom-left-radius: 1.2rem
105
  border-bottom-right-radius: 1.2rem
106
}
107
`
108