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
$maxWidthSmaller {
24
  max-width: 40rem
25
}
26
27
$colorPrimary {
28
  color: white
29
  background-color: #2f63ad
30
31
  (a) {
32
    color: #5c6bc0
33
  }
34
}
35
36
$colorMessagePrimary {
37
  background-color: #7eaaea
38
39
  (a) {
40
    color: #0b4fe7
41
  }
42
}
43
44
$colorFontBasic {
45
  color: #222
46
}
47
48
$colorPrimaryFG {
49
  color: #fff
50
}
51
52
$colorSubtle {
53
  color: #222
54
}
55
56
$backgroundPrimary {
57
  background-color: #f5f6f7
58
}
59
60
$backgroundSelected {
61
  background-color: #f0f1f2
62
}
63
64
$borderPrimary {
65
  border: 1px #2f63ad solid
66
}
67
68
$avatarSmall {
69
  width: 3rem
70
  height: 3rem
71
  border-radius: 1.5rem
72
}
73
74
$avatarLarge {
75
  width: 6rem
76
  height: 6rem
77
  border-radius: 3rem
78
}
79
80
$markdownSmall {
81
  div.Markdown {
82
    h1, h2, h3, h4, h5, h6, p {
83
      font-size: .9rem
84
      font-weight: 300
85
      margin: 0
86
    }
87
    (img.emoji) {
88
      height: .9rem
89
    }
90
  }
91
}
92
93
$markdownLarge {
94
  div.Markdown {
95
    h1, h2, h3, h4, h5, h6, p {
96
      font-size: 1.2rem
97
      font-weight: 300
98
      margin: 0
99
    }
100
  }
101
}
102
103
$markdownBold {
104
  div.Markdown {
105
    h1, h2, h3, h4, h5, h6, p {
106
      font-weight: bold
107
    }
108
  }
109
}
110
111
$borderSubtle {
112
  border: 1px solid #b9b9b9
113
}
114
115
$roundLeft {
116
  border-top-left-radius: 1.2rem
117
  border-bottom-left-radius: 1.2rem
118
}
119
120
$roundRight {
121
  border-top-right-radius: 1.2rem
122
  border-bottom-right-radius: 1.2rem
123
}
124
125
$roundTop {
126
  border-top-left-radius: 1.2rem
127
  border-top-right-radius: 1.2rem
128
}
129
130
$roundBottom {
131
  border-bottom-left-radius: 1.2rem
132
  border-bottom-right-radius: 1.2rem
133
}
134
`
135