diff options
| author | s-ol <s-ol@users.noreply.github.com> | 2019-12-17 19:26:29 +0000 |
|---|---|---|
| committer | s-ol <s-ol@users.noreply.github.com> | 2019-12-17 19:27:26 +0000 |
| commit | 19b4e92138bbcef9cde90a12141530e1bd6aa13a (patch) | |
| tree | a01d30a2214b27e3772b7da61b411bf0960ff0cf /scss | |
| parent | some fixes in aspect-ratios (diff) | |
| download | mmm-19b4e92138bbcef9cde90a12141530e1bd6aa13a.tar.gz mmm-19b4e92138bbcef9cde90a12141530e1bd6aa13a.zip | |
add sidenote support
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_sidenotes.scss | 31 | ||||
| -rw-r--r-- | scss/main.scss | 1 |
2 files changed, 32 insertions, 0 deletions
diff --git a/scss/_sidenotes.scss b/scss/_sidenotes.scss new file mode 100644 index 0000000..8579ba1 --- /dev/null +++ b/scss/_sidenotes.scss @@ -0,0 +1,31 @@ +$sidenote-width: 14rem; + +.sidenote-container { + margin-right: $sidenote-width + 1rem; + + @include media-medium { + margin: auto; + } + + .sidenote { + position: absolute; + box-sizing: border-box; + + width: $sidenote-width; + right: -$sidenote-width - 2rem; + padding: 0 1rem; + + color: $gray-dark; + border-top: 1px solid $gray-dark; + font-size: 0.8em; + + @include media-medium { + width: initial; + position: initial; + right: initial; + + border-bottom: 1px solid $gray-dark; + margin: 0.5rem 0; + } + } +} diff --git a/scss/main.scss b/scss/main.scss index 08ce942..efec299 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -6,4 +6,5 @@ @import 'footer'; @import 'browser'; @import 'content'; +@import 'sidenotes'; @import 'canvasapp'; |