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