jekyll-bonsai 0.0.3 → 0.0.7

data/_sass/markdown/_code.scss

@@ -1,340 +0,0 @@
-//
-// Code and syntax highlighting
-//
-// stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type
-
-code {
-  padding: 0.2em 0.15em;
-  font-weight: 400;
-  background-color: $code-background-color;
-  border: $border $border-color;
-  border-radius: $border-radius;
-}
-
-// Avoid appearance of dark border around visited code links in Safari
-a:visited code {
-  border-color: $border-color;
-}
-
-// Content structure for highlighted code blocks using fences or Liquid
-//
-// ```[LANG]...```, no kramdown line_numbers:
-//   div.[language-LANG.]highlighter-rouge > div.highlight > pre.highlight > code
-//
-// ```[LANG]...```, kramdown line_numbers = true:
-//   div.[language-LANG.]highlighter-rouge > div.highlight > pre.highlight > code
-//   > div.table-wrapper > table.rouge-table > tbody > tr
-//   > td.rouge-gutter.gl > pre.lineno
-//   | td.rouge-code > pre
-//
-// {% highlight LANG %}...{% endhighlight %}:
-//   figure.highlight > pre > code.language-LANG
-//
-// {% highlight LANG linenos %}...{% endhighlight %}:
-//   figure.highlight > pre > code.language-LANG
-//   > div.table-wrapper > table.rouge-table > tbody > tr
-//   > td.gutter.gl > pre.lineno
-//   | td.code > pre
-//
-// fix_linenos removes the outermost pre when it encloses table.rouge-table
-//
-// See docs/index-test.md for some tests.
-//
-// No kramdown line_numbers: fences and Liquid highlighting look the same.
-// Kramdown line_numbers = true: fences have a wider gutter than with Liquid?
-
-// ```[LANG]...```
-div.highlighter-rouge {
-  padding: $sp-3;
-  margin-top: 0;
-  margin-bottom: $sp-3;
-  overflow-x: auto;
-  background-color: $code-background-color;
-  border-radius: $border-radius;
-  box-shadow: none;
-  -webkit-overflow-scrolling: touch;
-
-  div.highlight,
-  pre.highlight,
-  code {
-    padding: 0;
-    margin: 0;
-    border: 0;
-  }
-}
-
-// {% highlight LANG %}...{% endhighlight %},
-// {% highlight LANG linenos %}...{% endhighlight %}:
-figure.highlight {
-  padding: $sp-3;
-  margin-top: 0;
-  margin-bottom: $sp-3;
-  background-color: $code-background-color;
-  border-radius: $border-radius;
-  box-shadow: none;
-  -webkit-overflow-scrolling: touch;
-
-  pre,
-  code {
-    padding: 0;
-    margin: 0;
-    border: 0;
-  }
-}
-
-// ```[LANG]...```, kramdown line_numbers = true,
-// {% highlight LANG linenos %}...{% endhighlight %}:
-.highlight .table-wrapper {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  box-shadow: none;
-
-  td,
-  pre {
-    @include fs-2;
-    min-width: 0;
-    padding: 0;
-    background-color: $code-background-color;
-    border: 0;
-  }
-
-  td.gl {
-    padding-right: $sp-3;
-  }
-
-  pre {
-    margin: 0;
-    line-height: 2;
-  }
-}
-
-.highlight .c {
-  color: #586e75;
-} // comment //
-.highlight .err {
-  color: #93a1a1;
-} // error //
-.highlight .g {
-  color: #93a1a1;
-} // generic //
-.highlight .k {
-  color: #859900;
-} // keyword //
-.highlight .l {
-  color: #93a1a1;
-} // literal //
-.highlight .n {
-  color: #93a1a1;
-} // name //
-.highlight .o {
-  color: #859900;
-} // operator //
-.highlight .x {
-  color: #cb4b16;
-} // other //
-.highlight .p {
-  color: #93a1a1;
-} // punctuation //
-.highlight .cm {
-  color: #586e75;
-} // comment.multiline //
-.highlight .cp {
-  color: #859900;
-} // comment.preproc //
-.highlight .c1 {
-  color: #586e75;
-} // comment.single //
-.highlight .cs {
-  color: #859900;
-} // comment.special //
-.highlight .gd {
-  color: #2aa198;
-} // generic.deleted //
-.highlight .ge {
-  font-style: italic;
-  color: #93a1a1;
-} // generic.emph //
-.highlight .gr {
-  color: #dc322f;
-} // generic.error //
-.highlight .gh {
-  color: #cb4b16;
-} // generic.heading //
-.highlight .gi {
-  color: #859900;
-} // generic.inserted //
-.highlight .go {
-  color: #93a1a1;
-} // generic.output //
-.highlight .gp {
-  color: #93a1a1;
-} // generic.prompt //
-.highlight .gs {
-  font-weight: bold;
-  color: #93a1a1;
-} // generic.strong //
-.highlight .gu {
-  color: #cb4b16;
-} // generic.subheading //
-.highlight .gt {
-  color: #93a1a1;
-} // generic.traceback //
-.highlight .kc {
-  color: #cb4b16;
-} // keyword.constant //
-.highlight .kd {
-  color: #268bd2;
-} // keyword.declaration //
-.highlight .kn {
-  color: #859900;
-} // keyword.namespace //
-.highlight .kp {
-  color: #859900;
-} // keyword.pseudo //
-.highlight .kr {
-  color: #268bd2;
-} // keyword.reserved //
-.highlight .kt {
-  color: #dc322f;
-} // keyword.type //
-.highlight .ld {
-  color: #93a1a1;
-} // literal.date //
-.highlight .m {
-  color: #2aa198;
-} // literal.number //
-.highlight .s {
-  color: #2aa198;
-} // literal.string //
-.highlight .na {
-  color: #555;
-} // name.attribute //
-.highlight .nb {
-  color: #b58900;
-} // name.builtin //
-.highlight .nc {
-  color: #268bd2;
-} // name.class //
-.highlight .no {
-  color: #cb4b16;
-} // name.constant //
-.highlight .nd {
-  color: #268bd2;
-} // name.decorator //
-.highlight .ni {
-  color: #cb4b16;
-} // name.entity //
-.highlight .ne {
-  color: #cb4b16;
-} // name.exception //
-.highlight .nf {
-  color: #268bd2;
-} // name.function //
-.highlight .nl {
-  color: #555;
-} // name.label //
-.highlight .nn {
-  color: #93a1a1;
-} // name.namespace //
-.highlight .nx {
-  color: #555;
-} // name.other //
-.highlight .py {
-  color: #93a1a1;
-} // name.property //
-.highlight .nt {
-  color: #268bd2;
-} // name.tag //
-.highlight .nv {
-  color: #268bd2;
-} // name.variable //
-.highlight .ow {
-  color: #859900;
-} // operator.word //
-.highlight .w {
-  color: #93a1a1;
-} // text.whitespace //
-.highlight .mf {
-  color: #2aa198;
-} // literal.number.float //
-.highlight .mh {
-  color: #2aa198;
-} // literal.number.hex //
-.highlight .mi {
-  color: #2aa198;
-} // literal.number.integer //
-.highlight .mo {
-  color: #2aa198;
-} // literal.number.oct //
-.highlight .sb {
-  color: #586e75;
-} // literal.string.backtick //
-.highlight .sc {
-  color: #2aa198;
-} // literal.string.char //
-.highlight .sd {
-  color: #93a1a1;
-} // literal.string.doc //
-.highlight .s2 {
-  color: #2aa198;
-} // literal.string.double //
-.highlight .se {
-  color: #cb4b16;
-} // literal.string.escape //
-.highlight .sh {
-  color: #93a1a1;
-} // literal.string.heredoc //
-.highlight .si {
-  color: #2aa198;
-} // literal.string.interpol //
-.highlight .sx {
-  color: #2aa198;
-} // literal.string.other //
-.highlight .sr {
-  color: #dc322f;
-} // literal.string.regex //
-.highlight .s1 {
-  color: #2aa198;
-} // literal.string.single //
-.highlight .ss {
-  color: #2aa198;
-} // literal.string.symbol //
-.highlight .bp {
-  color: #268bd2;
-} // name.builtin.pseudo //
-.highlight .vc {
-  color: #268bd2;
-} // name.variable.class //
-.highlight .vg {
-  color: #268bd2;
-} // name.variable.global //
-.highlight .vi {
-  color: #268bd2;
-} // name.variable.instance //
-.highlight .il {
-  color: #2aa198;
-} // literal.number.integer.long //
-
-//
-// Code examples (rendered)
-//
-
-.code-example {
-  padding: $sp-3;
-  margin-bottom: $sp-3;
-  overflow: auto;
-  border: 1px solid $border-color;
-  border-radius: $border-radius;
-
-  + .highlighter-rouge,
-  + figure.highlight {
-    position: relative;
-    margin-top: -$sp-4;
-    border-right: 1px solid $border-color;
-    border-bottom: 1px solid $border-color;
-    border-left: 1px solid $border-color;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}

data/_sass/markdown/_content.scss

@@ -1,400 +0,0 @@
-@charset "UTF-8";
-
-//
-// Styles for rendered markdown in the .main-content container
-//
-// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
-
-.main-content {
-  flex: 1 0 auto;
-
-  line-height: $content-line-height;
-  counter-reset: sidenote-counter;
-
-  ol,
-  ul,
-  dl,
-  pre,
-  address,
-  blockquote,
-  .table-wrapper {
-    margin-top: 0.5em;
-  }
-
-  a {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    
-    &:not(.wiki-link):not(.wiki-link-embed-link):not(.sem-tag):not(.stat-tag):not(.anchor-heading):not(.footnote):not(.reversefootnote):after {
-      @include fs-3;
-      font-family: $mono-font-family;
-      position: relative;
-      top: -0.5em; // sass variable not working here
-      content: "↗";
-      color: #aaaaaa;
-    }
-  }
-
-  ul,
-  ol {
-    padding-left: 1.5em;
-  }
-
-  li {
-    .highlight {
-      margin-top: $sp-1;
-    }
-  }
-
-  ol {
-    list-style-type: none;
-    counter-reset: step-counter;
-
-    > li {
-      position: relative;
-
-      &::before {
-        position: absolute;
-        top: 0.2em;
-        left: -1.6em;
-        color: $grey-dk-000;
-        content: counter(step-counter);
-        counter-increment: step-counter;
-        @include fs-3;
-
-        @include mq(sm) {
-          top: 0.11em;
-        }
-      }
-
-      ol {
-        counter-reset: sub-counter;
-
-        li {
-          &::before {
-            content: counter(sub-counter, lower-alpha);
-            counter-increment: sub-counter;
-          }
-        }
-      }
-    }
-  }
-
-  ul {
-    list-style: none;
-
-    > li {
-      &::before {
-        position: absolute;
-        margin-left: -1.4em;
-        color: $grey-dk-000;
-        content: "•";
-      }
-    }
-  }
-
-  .task-list {
-    padding-left: 0;
-  }
-
-  .task-list-item {
-    display: flex;
-    align-items: center;
-
-    &::before {
-      content: "";
-    }
-  }
-
-  .task-list-item-checkbox {
-    margin-right: 0.6em;
-  }
-
-  hr {
-    background-color: $separator-color;
-
-    + * {
-      margin-top: 0;
-    }
-  }
-
-  dl {
-    display: grid;
-    grid-template: auto / 10em 1fr;
-  }
-
-  dt,
-  dd {
-    margin: 0.25em 0;
-  }
-
-  dt {
-    grid-column: 1;
-    font-weight: 500;
-    text-align: right;
-    &::after {
-      content: ":";
-    }
-  }
-
-  dd {
-    grid-column: 2;
-    margin-bottom: 0;
-    margin-left: 1em;
-    blockquote,
-    div,
-    dl,
-    dt,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    li,
-    ol,
-    p,
-    pre,
-    table,
-    ul,
-    .table-wrapper {
-      &:first-child {
-        margin-top: 0;
-      }
-    }
-  }
-
-  dd,
-  ol,
-  ul {
-    dl:first-child {
-      dt:first-child,
-      dd:nth-child(2) {
-        margin-top: 0;
-      }
-    }
-  }
-
-  .anchor-heading {
-    position: absolute;
-    right: -$sp-4;
-    width: $sp-5;
-    height: 100%;
-    padding-right: $sp-1;
-    padding-left: $sp-1;
-    overflow: visible;
-
-    @include mq(md) {
-      right: auto;
-      left: -$sp-5;
-    }
-
-    .anchor-tag {
-      @include fs-3;
-      display: flex;
-      opacity: 0;
-
-      &:hover {
-        filter: drop-shadow(0 0 0.7mm $drop-shadow-yellow);
-      }
-    }
-  }
-
-  .anchor-heading:hover,
-  h1:hover > .anchor-heading,
-  h2:hover > .anchor-heading,
-  h3:hover > .anchor-heading,
-  h4:hover > .anchor-heading,
-  h5:hover > .anchor-heading,
-  h6:hover > .anchor-heading {
-    .anchor-tag {
-      opacity: 1;
-    }
-  }
-
-  summary {
-    cursor: pointer;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    position: relative;
-    margin-top: 0.25em;
-    margin-bottom: 0.25em;
-
-    &:first-child {
-      margin-top: $sp-2;
-    }
-
-    + table,
-    + .table-wrapper,
-    + .code-example,
-    + .highlighter-rouge {
-      margin-top: 1em;
-    }
-
-    + p {
-      margin-top: 0;
-    }
-  }
-
-  // from: 
-  //  - https://codepen.io/jimmycow/pen/LmjVaz
-  //  - https://codepen.io/JoeHastings/pen/MOdRVm
-  blockquote {
-    @include fs-3;
-    font-family: 'Special Elite', cursive;
-    max-width: $content-width;
-    // line-height: 1.4;
-    position: relative;
-    margin: 0;
-    padding: $sp-2;
-
-    border-left: $sp-1 solid $blockquote-border-color;
-
-    & p {
-      padding-left: $sp-6;
-    }
-
-    &:before {
-      @include fs-10;
-      font-family: 'Special Elite', cursive;
-      position: absolute;
-      color: $blockquote-quote-color;
-      width: 4rem;
-      height: 4rem;
-
-      font-family: 'Special Elite', cursive;
-      content: '“';
-    }
-  }
-
-  .footnotes {
-    border-top: double $separator-color;
-  }
-
-  .footnote, .reversefootnote {
-    color: $wiki-link-color;
-  }
-
-  // Sidenotes
-  // more on sidenote implementation: https://www.gwern.net/Sidenotes
-
-  // right-sidenote
-  .rsn {
-    @include sidenote-container;
-    display: none;
-    word-wrap: break-word;
-
-    @include mq(lg) {
-      display: block;
-      float: right;
-      clear: right;
-
-      margin-right: -$content-sidenote-width;
-      width: $content-sidenote-width;
-      margin-top: $sp-1;
-      margin-bottom: 0;
-      font-size: $font-size-2;
-      // line-height: 1.3;
-      vertical-align: baseline;
-      position: relative;
-    }
-  }
-
-  // left-sidenote
-  .lsn {
-    @include sidenote-container;
-    display: none;
-    word-wrap: break-word;
-
-    @include mq(lg) {
-      display: block;
-      float: left;
-      clear: left;
-
-      margin-left: -$content-sidenote-width;
-      width: $content-sidenote-width;
-      margin-top: $sp-1;
-      margin-bottom: 0;
-      font-size: $font-size-2;
-      // line-height: 1.3;
-      vertical-align: baseline;
-      position: relative;
-    }
-  }
-
-  // all sidenotes
-  .sidenote-toggle:checked + .rsn,
-  .sidenote-toggle:checked + .lsn {
-    display: block;
-    float: left;
-    left: 1rem;
-    clear: both;
-    width: 95%;
-    margin: 1rem 2.5%;
-    vertical-align: baseline;
-    position: relative;
-  }
-
-  label.sidenote-toggle:not(.sidenote-number) {
-    display: inline;
-  }
-
-  .sidenote-number {
-    counter-increment: sidenote-counter;
-  }
-
-  input.sidenote-toggle {
-    display: none;
-  }
-
-  label.sidenote-number {
-    display: inline;
-  }
-
-  label.sidenote-toggle:not(.sidenote-number) {
-    display: none;
-  }
-
-  .sidenote-number:after,
-  .rsn:before,
-  .lsn:before {
-    position: relative;
-    vertical-align: baseline;
-  }
-
-  .sidenote-number:after {
-    content: counter(sidenote-counter);
-    color: $wiki-link-color;
-    cursor: pointer;
-    font-size: $font-size-2;
-    top: -$sp-1-75;
-    left: $sp-0-75;
-    padding-right: $sp-0-75;
-  }
-
-  .rsn:before,
-  .lsn:before {
-    content: counter(sidenote-counter) " ";
-    font-size: $font-size-2;
-    top: -$sp-2;
-  }
-
-  // blockquote .rsn,
-  // blockquote .lsn {
-  //   margin-right: -82%;
-  //   min-width: 59%;
-  //   text-align: left;
-  // }
-
-  .rsn > code,
-  .lsn > code {
-    font-size: $font-size-2;
-  }
-}