Files: 0d0620b2168f0984a4e4e80b5e5a14a5867e7cc7 / styles / mixins.js
1683 bytesRaw
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: 1rem |
76 | font-weight: 300 |
77 | margin: 0 |
78 | } |
79 | } |
80 | } |
81 | |
82 | $markdownLarge { |
83 | div.Markdown { |
84 | h1, h2, h3, h4, h5, h6, p { |
85 | font-size: 1.2rem |
86 | font-weight: 300 |
87 | margin: 0 |
88 | } |
89 | } |
90 | } |
91 | |
92 | $markdownBold { |
93 | div.Markdown { |
94 | h1, h2, h3, h4, h5, h6, p { |
95 | font-weight: bold |
96 | } |
97 | } |
98 | } |
99 | |
100 | $borderSubtle { |
101 | border: 1px solid #b9b9b9 |
102 | } |
103 | |
104 | $roundLeft { |
105 | border-top-left-radius: 1.2rem |
106 | border-bottom-left-radius: 1.2rem |
107 | } |
108 | |
109 | $roundRight { |
110 | border-top-right-radius: 1.2rem |
111 | border-bottom-right-radius: 1.2rem |
112 | } |
113 | |
114 | $roundTop { |
115 | border-top-left-radius: 1.2rem |
116 | border-top-right-radius: 1.2rem |
117 | } |
118 | |
119 | $roundBottom { |
120 | border-bottom-left-radius: 1.2rem |
121 | border-bottom-right-radius: 1.2rem |
122 | } |
123 | ` |
124 |
Built with git-ssb-web