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
  (a) {
28
    color: #5c6bc0
29
  }
30
}
31
32
$colorPrimaryFG {
33
  color: #3dc8c3
34
}
35
36
$colorSubtle {
37
  color: #222
38
}
39
40
$backgroundPrimary {
41
  background-color: #f7f7f7
42
}
43
44
$borderBackgroundPrimary {
45
  border: 1px #f7f7f7 solid
46
}
47
48
$avatarSmall {
49
  width: 3rem
50
  height: 3rem
51
  border-radius: 1.5rem
52
}
53
54
$avatarLarge {
55
  width: 6rem
56
  height: 6rem
57
  border-radius: 3rem
58
}
59
60
$markdownSmall {
61
  div.Markdown {
62
    h1, h2, h3, h4, h5, h6, p {
63
      font-size: 1rem
64
      font-weight: 300
65
      margin: 0
66
    }
67
  }
68
}
69
70
$markdownLarge {
71
  div.Markdown {
72
    h1, h2, h3, h4, h5, h6, p {
73
      font-size: 1.2rem
74
      font-weight: 300
75
      margin: 0
76
    }
77
  }
78
}
79
80
$markdownBold {
81
  div.Markdown {
82
    h1, h2, h3, h4, h5, h6, p {
83
      font-weight: bold
84
    }
85
  }
86
}
87
88
$borderSubtle {
89
  border: 1px solid #b9b9b9
90
}
91
92
$roundLeft {
93
  border-top-left-radius: 1.2rem
94
  border-bottom-left-radius: 1.2rem
95
}
96
97
$roundRight {
98
  border-top-right-radius: 1.2rem
99
  border-bottom-right-radius: 1.2rem
100
}
101
102
$roundTop {
103
  border-top-left-radius: 1.2rem
104
  border-top-right-radius: 1.2rem
105
}
106
107
$roundBottom {
108
  border-bottom-left-radius: 1.2rem
109
  border-bottom-right-radius: 1.2rem
110
}
111
`
112