git ssb

2+

mixmix / ticktack



Tree: d37fd6c80d7a395cf25c469477fc0b4695a51e5e

Files: d37fd6c80d7a395cf25c469477fc0b4695a51e5e / styles / mixins.js

1152 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$primaryColor {
14 color: white
15 background-color: #3dc8c3
16}
17
18$colorSubtle {
19 color: #222
20}
21
22$primaryBackground {
23 background-color: #f7f7f7
24}
25
26$smallAvatar {
27 width: 3rem
28 height: 3rem
29 border-radius: 1.5rem
30}
31
32$largeAvatar {
33 width: 6rem
34 height: 6rem
35 border-radius: 3rem
36}
37
38$smallMarkdown {
39 div.Markdown {
40 h1, h2, h3, h4, h5, h6, p {
41 font-size: 1rem
42 font-weight: 300
43 margin: 0
44 }
45 }
46}
47
48$largeMarkdown {
49 div.Markdown {
50 h1, h2, h3, h4, h5, h6, p {
51 font-size: 1.2rem
52 font-weight: 300
53 margin: 0
54 }
55 }
56}
57
58$roundLeft {
59 border-top-left-radius: .9rem
60 border-bottom-left-radius: .9rem
61}
62
63$roundRight {
64 border-top-right-radius: .9rem
65 border-bottom-right-radius: .9rem
66}
67
68$roundTop {
69 border-top-left-radius: .9rem
70 border-top-right-radius: .9rem
71}
72
73$roundBottom {
74 border-bottom-left-radius: .9rem
75 border-bottom-right-radius: .9rem
76}
77`
78

Built with git-ssb-web