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