git ssb

2+

mixmix / ticktack



Tree: 0d0620b2168f0984a4e4e80b5e5a14a5867e7cc7

Files: 0d0620b2168f0984a4e4e80b5e5a14a5867e7cc7 / styles / mixins.js

1683 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$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