git.s-ol.nu mmm / 19b4e92
add sidenote support s-ol 1 year, 10 months ago
4 changed file(s) with 34 addition(s) and 2 deletion(s). Raw diff Collapse all Expand all
22 This means that I can work on the content again and see changes in the browser without restarting the server every time \[[`97bc4a0`][97bc4a0]\],
33 This feature should be made unnecessary by the in-page editing feature, but until then it's important for my workflow.
44
5 I also started cleaning up the mmmfs article a bit, and integrating this project log in a way that will make it available online soon5f78953becd422126a528b2c31dd611cb0b29ef6
5 I also started cleaning up the mmmfs article a bit, and integrating this project log in a way that will make it available online soon.
66
77 [86bbe80]: https://git.s-ol.nu/mmm/commit/86bbe805a7ec49a8b891412713ea43d6e46d0d73/
88 [97bc4a0]: https://git.s-ol.nu/mmm/commit/97bc4a0d8d866026905eac6f0ba08b75f166219a/
66 import article, h1, h2, h3, section, p, div, a, sup, ol, li, span, code, pre, br from html
77 import moon from (require 'mmm.highlighting').languages
88
9 article with _this = style: { margin: 'auto', 'max-width': '750px' }
9 article with _this = class: 'sidenote-container', style: { 'max-width': '640px' }
1010 append = (a) -> table.insert _this, a
1111
1212 footnote, getnotes = do
0 $sidenote-width: 14rem;
1
2 .sidenote-container {
3 margin-right: $sidenote-width + 1rem;
4
5 @include media-medium {
6 margin: auto;
7 }
8
9 .sidenote {
10 position: absolute;
11 box-sizing: border-box;
12
13 width: $sidenote-width;
14 right: -$sidenote-width - 2rem;
15 padding: 0 1rem;
16
17 color: $gray-dark;
18 border-top: 1px solid $gray-dark;
19 font-size: 0.8em;
20
21 @include media-medium {
22 width: initial;
23 position: initial;
24 right: initial;
25
26 border-bottom: 1px solid $gray-dark;
27 margin: 0.5rem 0;
28 }
29 }
30 }
55 @import 'footer';
66 @import 'browser';
77 @import 'content';
8 @import 'sidenotes';
89 @import 'canvasapp';