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