git ssb

2+

mixmix / ticktack



Commit e521f4fb1c6acfda5614b65c29e094159a72a2b6

Browse Files

STYLE various things, adding maxWidth, markdown codeblocks

mix irving committed on 11/30/2017, 12:42:26 AM
Parent: ac5e32b98d60ceac49ae4a6e8aff3fabdf642a7e

Files changed

app/page/blogIndex.mcsschanged
app/page/blogShow.mcsschanged
app/page/page.mcsschanged
app/page/threadShow.mcssadded
styles/markdown.mcsschanged
styles/mixins.jschanged
app/page/blogIndex.mcssView
@@ -1,10 +1,7 @@
11 Page -blogIndex {
2+ div.content { padding: 0 }
23
3- div.content {
4- padding: 0
5- }
6-
74 div.Scroller.content {
85
96 div.wrapper {
107 display: flex
app/page/blogShow.mcssView
@@ -1,6 +1,7 @@
11 Page -blogShow {
22 // div.context {}
3+ div.content { padding: 0 }
34
45 div.content {
56 section.top {
67 position: sticky
@@ -13,9 +14,11 @@
1314 }
1415 }
1516
1617 section.content {
17- margin: .8rem
18+ $maxWidth
19+ padding: .8rem
20+ margin: 0 auto
1821
1922 header {
2023 $backgroundPrimaryText
2124 padding: 1.5rem
app/page/page.mcssView
@@ -17,8 +17,9 @@
1717 overflow-y: auto
1818
1919 flex-grow: 1
2020
21+ padding: 1rem
2122 margin: 0 auto
2223 }
2324 }
2425
app/page/threadShow.mcssView
@@ -1,0 +1,11 @@
1+Page -threadShow {
2+ div.content {
3+
4+ div.Thread {}
5+
6+ div.Compose {
7+ margin: 0 auto
8+ }
9+
10+ }
11+}
styles/markdown.mcssView
@@ -18,7 +18,25 @@
1818
1919 (img.emoji) {
2020 margin: 0
2121 }
22+
23+ // code snippets and codeblocks
24+
25+ pre {
26+ background-color: #f5f5f5
27+ padding: .3rem
28+ white-space: pre-wrap
29+ word-wrap: break-word
30+
31+ code {
32+ $code
33+ border: none
34+ }
35+ }
36+
37+ p code {
38+ $code
39+ padding: 0.1rem .2rem
40+ }
2241 }
2342
24-
styles/mixins.jsView
@@ -173,5 +173,12 @@
173173 $roundBottom {
174174 border-bottom-left-radius: 1.2rem
175175 border-bottom-right-radius: 1.2rem
176176 }
177+
178+$code {
179+ background-color: #f5f5f5
180+ color: #c121dc
181+ border: 1px solid #e6e6e6
182+ border-radius: 2px
183+}
177184 `

Built with git-ssb-web