git ssb

2+

mixmix / ticktack



Tree: f78c06b7b25151ef111ec0f608c6ce257e9db892

Files: f78c06b7b25151ef111ec0f608c6ce257e9db892 / styles / mixins.js

1242 bytesRaw
1const nest = require('depnest')
2const { assign } = Object
3
4exports.gives = nest('styles.mixins')
5
6exports.create = (api) => {
7 return nest('styles.mixins', (sofar = {}) => {
8 return assign(sofar, { mainMixins })
9 })
10}
11
12const mainMixins = `
13$basicText {
14 font-family: arial
15 font-size: 1rem
16}
17
18$maxWidth {
19 max-width: 1200px
20}
21
22$primaryColor {
23 color: white
24 background-color: #3dc8c3
25}
26
27$colorSubtle {
28 color: #222
29}
30
31$primaryBackground {
32 background-color: #f7f7f7
33}
34
35$smallAvatar {
36 width: 3rem
37 height: 3rem
38 border-radius: 1.5rem
39}
40
41$largeAvatar {
42 width: 6rem
43 height: 6rem
44 border-radius: 3rem
45}
46
47$smallMarkdown {
48 div.Markdown {
49 h1, h2, h3, h4, h5, h6, p {
50 font-size: 1rem
51 font-weight: 300
52 margin: 0
53 }
54 }
55}
56
57$largeMarkdown {
58 div.Markdown {
59 h1, h2, h3, h4, h5, h6, p {
60 font-size: 1.2rem
61 font-weight: 300
62 margin: 0
63 }
64 }
65}
66
67$roundLeft {
68 border-top-left-radius: .9rem
69 border-bottom-left-radius: .9rem
70}
71
72$roundRight {
73 border-top-right-radius: .9rem
74 border-bottom-right-radius: .9rem
75}
76
77$roundTop {
78 border-top-left-radius: .9rem
79 border-top-right-radius: .9rem
80}
81
82$roundBottom {
83 border-bottom-left-radius: .9rem
84 border-bottom-right-radius: .9rem
85}
86`
87

Built with git-ssb-web