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: #999
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
  h1, h2, h3, h4, h5, h6, p {
92
    font-size: .9rem
93
    font-weight: 300
94
    margin: 0
95
  }
96
  (img.emoji) {
97
    height: .9rem
98
  }
99
}
100
101
$markdownLarge {
102
  div.Markdown {
103
    h1, h2, h3, h4, h5, h6, p {
104
      font-size: 1.5rem
105
      font-weight: 300
106
      margin: 0
107
    }
108
  }
109
  h1, h2, h3, h4, h5, h6, p {
110
    font-size: 1.5rem
111
    font-weight: 300
112
    margin: 0
113
  }
114
  (img.emoji) { 
115
    height: 1.5rem
116
  }
117
}
118
119
$markdownBold {
120
  div.Markdown {
121
    h1, h2, h3, h4, h5, h6, p {
122
      font-weight: bold
123
    }
124
  }
125
  h1, h2, h3, h4, h5, h6, p {
126
    font-weight: bold
127
  }
128
}
129
130
$borderSubtle {
131
  border: 1px solid #b9b9b9
132
}
133
134
$roundLeft {
135
  border-top-left-radius: 1.2rem
136
  border-bottom-left-radius: 1.2rem
137
}
138
139
$roundRight {
140
  border-top-right-radius: 1.2rem
141
  border-bottom-right-radius: 1.2rem
142
}
143
144
$roundTop {
145
  border-top-left-radius: 1.2rem
146
  border-top-right-radius: 1.2rem
147
}
148
149
$roundBottom {
150
  border-bottom-left-radius: 1.2rem
151
  border-bottom-right-radius: 1.2rem
152
}
153
`
154