git ssb

2+

mixmix / ticktack



Tree: 681118eadeca96be1e11d604237ffaa9b29f7f92

Files: 681118eadeca96be1e11d604237ffaa9b29f7f92 / styles / mixins.js

1344 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$markdownSmall {
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$markdownLarge {
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$markdownBold {
68 div.Markdown {
69 h1, h2, h3, h4, h5, h6, p {
70 font-weight: bold
71 }
72 }
73}
74
75$roundLeft {
76 border-top-left-radius: .9rem
77 border-bottom-left-radius: .9rem
78}
79
80$roundRight {
81 border-top-right-radius: .9rem
82 border-bottom-right-radius: .9rem
83}
84
85$roundTop {
86 border-top-left-radius: .9rem
87 border-top-right-radius: .9rem
88}
89
90$roundBottom {
91 border-bottom-left-radius: .9rem
92 border-bottom-right-radius: .9rem
93}
94`
95

Built with git-ssb-web