quattle 1.5.5 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
 - data/LICENSE +21 -21
 - data/README.md +44 -44
 - data/_includes/author.html +10 -10
 - data/_includes/cookie-consent.html +45 -45
 - data/_layouts/compress.html +10 -10
 - data/_layouts/default.html +82 -82
 - data/_layouts/page.html +7 -7
 - data/_layouts/post.html +62 -62
 - data/_sass/_base.scss +93 -93
 - data/_sass/_buttons.scss +59 -59
 - data/_sass/_code.scss +250 -250
 - data/_sass/_layout.scss +46 -46
 - data/_sass/_masthead.scss +52 -52
 - data/_sass/_message.scss +121 -121
 - data/_sass/_pagination.scss +48 -48
 - data/_sass/_posts.scss +189 -189
 - data/_sass/_syntax.scss +96 -96
 - data/_sass/_type.scss +211 -211
 - data/_sass/_variables.scss +52 -52
 - metadata +4 -4
 
    
        data/_sass/_type.scss
    CHANGED
    
    | 
         @@ -1,211 +1,211 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            // Typography
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            h1, h2, h3, h4, h6 {
         
     | 
| 
       4 
     | 
    
         
            -
              margin-bottom: .5rem;
         
     | 
| 
       5 
     | 
    
         
            -
              font-weight: 600;
         
     | 
| 
       6 
     | 
    
         
            -
              line-height: 1.25;
         
     | 
| 
       7 
     | 
    
         
            -
              text-rendering: optimizeLegibility;
         
     | 
| 
       8 
     | 
    
         
            -
              color: $header;
         
     | 
| 
       9 
     | 
    
         
            -
              position: relative;
         
     | 
| 
       10 
     | 
    
         
            -
             
     | 
| 
       11 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       12 
     | 
    
         
            -
               color: $light-scheme-header;
         
     | 
| 
       13 
     | 
    
         
            -
                 }
         
     | 
| 
       14 
     | 
    
         
            -
            }
         
     | 
| 
       15 
     | 
    
         
            -
             
     | 
| 
       16 
     | 
    
         
            -
            h3::before {
         
     | 
| 
       17 
     | 
    
         
            -
                content: "#";
         
     | 
| 
       18 
     | 
    
         
            -
                color: $header-before;
         
     | 
| 
       19 
     | 
    
         
            -
                left: -1em;
         
     | 
| 
       20 
     | 
    
         
            -
                top: 0;
         
     | 
| 
       21 
     | 
    
         
            -
            	position: absolute;
         
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       24 
     | 
    
         
            -
               color: $light-scheme-header-before;
         
     | 
| 
       25 
     | 
    
         
            -
                 }
         
     | 
| 
       26 
     | 
    
         
            -
            }
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            h1 {
         
     | 
| 
       29 
     | 
    
         
            -
              font-size: 1.5rem;
         
     | 
| 
       30 
     | 
    
         
            -
            }
         
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
            h2 {
         
     | 
| 
       33 
     | 
    
         
            -
              margin-top: 1rem;
         
     | 
| 
       34 
     | 
    
         
            -
              font-size: 1.5rem;
         
     | 
| 
       35 
     | 
    
         
            -
            }
         
     | 
| 
       36 
     | 
    
         
            -
             
     | 
| 
       37 
     | 
    
         
            -
            h3 {
         
     | 
| 
       38 
     | 
    
         
            -
              margin-top: 1.5rem;
         
     | 
| 
       39 
     | 
    
         
            -
              font-size: 1.25rem;
         
     | 
| 
       40 
     | 
    
         
            -
            }
         
     | 
| 
       41 
     | 
    
         
            -
             
     | 
| 
       42 
     | 
    
         
            -
            h4, h5, h6 {
         
     | 
| 
       43 
     | 
    
         
            -
              margin-top: 1rem;
         
     | 
| 
       44 
     | 
    
         
            -
              font-size: 1rem;
         
     | 
| 
       45 
     | 
    
         
            -
            }
         
     | 
| 
       46 
     | 
    
         
            -
             
     | 
| 
       47 
     | 
    
         
            -
            p {
         
     | 
| 
       48 
     | 
    
         
            -
              margin-top: 0;
         
     | 
| 
       49 
     | 
    
         
            -
              margin-bottom: 1rem;
         
     | 
| 
       50 
     | 
    
         
            -
            }
         
     | 
| 
       51 
     | 
    
         
            -
             
     | 
| 
       52 
     | 
    
         
            -
            ul, ol, dl {
         
     | 
| 
       53 
     | 
    
         
            -
              margin-top: 0;
         
     | 
| 
       54 
     | 
    
         
            -
            }
         
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
            dt {
         
     | 
| 
       57 
     | 
    
         
            -
              font-weight: bold;
         
     | 
| 
       58 
     | 
    
         
            -
            }
         
     | 
| 
       59 
     | 
    
         
            -
             
     | 
| 
       60 
     | 
    
         
            -
            dd {
         
     | 
| 
       61 
     | 
    
         
            -
              margin-bottom: .5rem;
         
     | 
| 
       62 
     | 
    
         
            -
            }
         
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
            hr {
         
     | 
| 
       65 
     | 
    
         
            -
              position: relative;
         
     | 
| 
       66 
     | 
    
         
            -
              margin: 1.5rem 0;
         
     | 
| 
       67 
     | 
    
         
            -
              border: 0;
         
     | 
| 
       68 
     | 
    
         
            -
              border-top: 1px solid $text;
         
     | 
| 
       69 
     | 
    
         
            -
              border-bottom: 1px solid $text;
         
     | 
| 
       70 
     | 
    
         
            -
              opacity: .2;
         
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
       72 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       73 
     | 
    
         
            -
              border-top: 1px solid $light-scheme-text;
         
     | 
| 
       74 
     | 
    
         
            -
              border-bottom: 1px solid $light-scheme-text;
         
     | 
| 
       75 
     | 
    
         
            -
              opacity: .2;
         
     | 
| 
       76 
     | 
    
         
            -
                 }
         
     | 
| 
       77 
     | 
    
         
            -
            }
         
     | 
| 
       78 
     | 
    
         
            -
             
     | 
| 
       79 
     | 
    
         
            -
            abbr {
         
     | 
| 
       80 
     | 
    
         
            -
              font-size: 85%;
         
     | 
| 
       81 
     | 
    
         
            -
              font-weight: bold;
         
     | 
| 
       82 
     | 
    
         
            -
              opacity: .5;
         
     | 
| 
       83 
     | 
    
         
            -
              color: $text;
         
     | 
| 
       84 
     | 
    
         
            -
              text-transform: uppercase;
         
     | 
| 
       85 
     | 
    
         
            -
             
     | 
| 
       86 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       87 
     | 
    
         
            -
              color: $light-scheme-text;
         
     | 
| 
       88 
     | 
    
         
            -
                }
         
     | 
| 
       89 
     | 
    
         
            -
             
     | 
| 
       90 
     | 
    
         
            -
              &[title] {
         
     | 
| 
       91 
     | 
    
         
            -
                cursor: help;
         
     | 
| 
       92 
     | 
    
         
            -
                border-bottom: 1px dotted #e5e5e5;
         
     | 
| 
       93 
     | 
    
         
            -
              }
         
     | 
| 
       94 
     | 
    
         
            -
            }
         
     | 
| 
       95 
     | 
    
         
            -
             
     | 
| 
       96 
     | 
    
         
            -
            span.link-arrow {
         
     | 
| 
       97 
     | 
    
         
            -
            	color: $header;
         
     | 
| 
       98 
     | 
    
         
            -
             
     | 
| 
       99 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       100 
     | 
    
         
            -
              color: $light-scheme-header;
         
     | 
| 
       101 
     | 
    
         
            -
                }
         
     | 
| 
       102 
     | 
    
         
            -
            }
         
     | 
| 
       103 
     | 
    
         
            -
             
     | 
| 
       104 
     | 
    
         
            -
            blockquote {
         
     | 
| 
       105 
     | 
    
         
            -
              width: 100%;
         
     | 
| 
       106 
     | 
    
         
            -
              padding: .25em 50px .25em 25px;
         
     | 
| 
       107 
     | 
    
         
            -
              margin: 40px auto;
         
     | 
| 
       108 
     | 
    
         
            -
              font-style: italic;
         
     | 
| 
       109 
     | 
    
         
            -
              font-size: 92%;
         
     | 
| 
       110 
     | 
    
         
            -
              opacity: .9;
         
     | 
| 
       111 
     | 
    
         
            -
              position: relative;
         
     | 
| 
       112 
     | 
    
         
            -
              border-left: 4px solid $header;
         
     | 
| 
       113 
     | 
    
         
            -
             
     | 
| 
       114 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       115 
     | 
    
         
            -
              border-left: 4px solid $light-scheme-header;
         
     | 
| 
       116 
     | 
    
         
            -
              opacity: .8;
         
     | 
| 
       117 
     | 
    
         
            -
                }
         
     | 
| 
       118 
     | 
    
         
            -
             
     | 
| 
       119 
     | 
    
         
            -
              p:last-child {
         
     | 
| 
       120 
     | 
    
         
            -
                margin-bottom: 0;
         
     | 
| 
       121 
     | 
    
         
            -
              }
         
     | 
| 
       122 
     | 
    
         
            -
             
     | 
| 
       123 
     | 
    
         
            -
              @media (min-width: 30em) {
         
     | 
| 
       124 
     | 
    
         
            -
                padding-right: 5rem;
         
     | 
| 
       125 
     | 
    
         
            -
                padding-left: 1.5rem;
         
     | 
| 
       126 
     | 
    
         
            -
              }
         
     | 
| 
       127 
     | 
    
         
            -
            }
         
     | 
| 
       128 
     | 
    
         
            -
             
     | 
| 
       129 
     | 
    
         
            -
            figure {
         
     | 
| 
       130 
     | 
    
         
            -
              margin: 0;
         
     | 
| 
       131 
     | 
    
         
            -
            }
         
     | 
| 
       132 
     | 
    
         
            -
             
     | 
| 
       133 
     | 
    
         
            -
            mark {
         
     | 
| 
       134 
     | 
    
         
            -
                background: $accent;
         
     | 
| 
       135 
     | 
    
         
            -
                color: $text;
         
     | 
| 
       136 
     | 
    
         
            -
            	  padding: 2px 2px;
         
     | 
| 
       137 
     | 
    
         
            -
             
     | 
| 
       138 
     | 
    
         
            -
                @media (prefers-color-scheme: light) {
         
     | 
| 
       139 
     | 
    
         
            -
                background: #e8e8e8;
         
     | 
| 
       140 
     | 
    
         
            -
                color: $light-scheme-text;
         
     | 
| 
       141 
     | 
    
         
            -
                  }
         
     | 
| 
       142 
     | 
    
         
            -
            }
         
     | 
| 
       143 
     | 
    
         
            -
             
     | 
| 
       144 
     | 
    
         
            -
            // Footnote number within body text
         
     | 
| 
       145 
     | 
    
         
            -
            a[href^="#fn:"] {
         
     | 
| 
       146 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       147 
     | 
    
         
            -
              position: relative;
         
     | 
| 
       148 
     | 
    
         
            -
              font-weight: bold;
         
     | 
| 
       149 
     | 
    
         
            -
              min-width: 35px;
         
     | 
| 
       150 
     | 
    
         
            -
              margin: 0 0.1em 0 0.2em;
         
     | 
| 
       151 
     | 
    
         
            -
              text-align: center;
         
     | 
| 
       152 
     | 
    
         
            -
              color: $color;
         
     | 
| 
       153 
     | 
    
         
            -
              background-color: rgba(33, 34, 40, 1);
         
     | 
| 
       154 
     | 
    
         
            -
              border: 1.5px solid $accent;
         
     | 
| 
       155 
     | 
    
         
            -
              border-radius: 1em;
         
     | 
| 
       156 
     | 
    
         
            -
              vertical-align: middle;
         
     | 
| 
       157 
     | 
    
         
            -
             
     | 
| 
       158 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       159 
     | 
    
         
            -
              color: $light-scheme-color;
         
     | 
| 
       160 
     | 
    
         
            -
              background-color: #F8F8F8;
         
     | 
| 
       161 
     | 
    
         
            -
              border: 1.5px solid #d2d2d2;
         
     | 
| 
       162 
     | 
    
         
            -
                }
         
     | 
| 
       163 
     | 
    
         
            -
            }
         
     | 
| 
       164 
     | 
    
         
            -
             
     | 
| 
       165 
     | 
    
         
            -
            // Back to footnote link
         
     | 
| 
       166 
     | 
    
         
            -
            a[href^="#fnref:"] {
         
     | 
| 
       167 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       168 
     | 
    
         
            -
              margin-left: .1rem;
         
     | 
| 
       169 
     | 
    
         
            -
              font-weight: bold;
         
     | 
| 
       170 
     | 
    
         
            -
              padding: 0.1em 0.1em 0.1em;
         
     | 
| 
       171 
     | 
    
         
            -
            }
         
     | 
| 
       172 
     | 
    
         
            -
             
     | 
| 
       173 
     | 
    
         
            -
            // List of footnotes
         
     | 
| 
       174 
     | 
    
         
            -
            .footnotes {
         
     | 
| 
       175 
     | 
    
         
            -
                margin-top: 2rem;
         
     | 
| 
       176 
     | 
    
         
            -
                font-size: 80%;
         
     | 
| 
       177 
     | 
    
         
            -
             
     | 
| 
       178 
     | 
    
         
            -
            :target {
         
     | 
| 
       179 
     | 
    
         
            -
            	padding: 6px;
         
     | 
| 
       180 
     | 
    
         
            -
              border: solid 1px $accent;
         
     | 
| 
       181 
     | 
    
         
            -
              background-color: rgba(33, 34, 40, 1);
         
     | 
| 
       182 
     | 
    
         
            -
             
     | 
| 
       183 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       184 
     | 
    
         
            -
              border: solid 1.5px #d2d2d2;
         
     | 
| 
       185 
     | 
    
         
            -
              background-color: #F8F8F8;
         
     | 
| 
       186 
     | 
    
         
            -
                }
         
     | 
| 
       187 
     | 
    
         
            -
              }
         
     | 
| 
       188 
     | 
    
         
            -
            }
         
     | 
| 
       189 
     | 
    
         
            -
             
     | 
| 
       190 
     | 
    
         
            -
            .reversefootnote {
         
     | 
| 
       191 
     | 
    
         
            -
             text-decoration: none;
         
     | 
| 
       192 
     | 
    
         
            -
             color: $color;
         
     | 
| 
       193 
     | 
    
         
            -
             
     | 
| 
       194 
     | 
    
         
            -
             @media (prefers-color-scheme: light) {
         
     | 
| 
       195 
     | 
    
         
            -
             color: $light-scheme-color;
         
     | 
| 
       196 
     | 
    
         
            -
               }
         
     | 
| 
       197 
     | 
    
         
            -
            }
         
     | 
| 
       198 
     | 
    
         
            -
             
     | 
| 
       199 
     | 
    
         
            -
            // Custom type
         
     | 
| 
       200 
     | 
    
         
            -
            //
         
     | 
| 
       201 
     | 
    
         
            -
            // Extend paragraphs with `.lead` for larger introductory text.
         
     | 
| 
       202 
     | 
    
         
            -
             
     | 
| 
       203 
     | 
    
         
            -
            .lead {
         
     | 
| 
       204 
     | 
    
         
            -
              font-size: 1.25rem;
         
     | 
| 
       205 
     | 
    
         
            -
              font-weight: 300;
         
     | 
| 
       206 
     | 
    
         
            -
              color: $text;
         
     | 
| 
       207 
     | 
    
         
            -
             
     | 
| 
       208 
     | 
    
         
            -
              @media (prefers-color-scheme: light) {
         
     | 
| 
       209 
     | 
    
         
            -
              color: $light-scheme-text;
         
     | 
| 
       210 
     | 
    
         
            -
                }
         
     | 
| 
       211 
     | 
    
         
            -
            }
         
     | 
| 
      
 1 
     | 
    
         
            +
            // Typography
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            h1, h2, h3, h4, h6 {
         
     | 
| 
      
 4 
     | 
    
         
            +
              margin-bottom: .5rem;
         
     | 
| 
      
 5 
     | 
    
         
            +
              font-weight: 600;
         
     | 
| 
      
 6 
     | 
    
         
            +
              line-height: 1.25;
         
     | 
| 
      
 7 
     | 
    
         
            +
              text-rendering: optimizeLegibility;
         
     | 
| 
      
 8 
     | 
    
         
            +
              color: $header;
         
     | 
| 
      
 9 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 12 
     | 
    
         
            +
               color: $light-scheme-header;
         
     | 
| 
      
 13 
     | 
    
         
            +
                 }
         
     | 
| 
      
 14 
     | 
    
         
            +
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            h3::before {
         
     | 
| 
      
 17 
     | 
    
         
            +
                content: "#";
         
     | 
| 
      
 18 
     | 
    
         
            +
                color: $header-before;
         
     | 
| 
      
 19 
     | 
    
         
            +
                left: -1em;
         
     | 
| 
      
 20 
     | 
    
         
            +
                top: 0;
         
     | 
| 
      
 21 
     | 
    
         
            +
            	position: absolute;
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 24 
     | 
    
         
            +
               color: $light-scheme-header-before;
         
     | 
| 
      
 25 
     | 
    
         
            +
                 }
         
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            h1 {
         
     | 
| 
      
 29 
     | 
    
         
            +
              font-size: 1.5rem;
         
     | 
| 
      
 30 
     | 
    
         
            +
            }
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            h2 {
         
     | 
| 
      
 33 
     | 
    
         
            +
              margin-top: 1rem;
         
     | 
| 
      
 34 
     | 
    
         
            +
              font-size: 1.5rem;
         
     | 
| 
      
 35 
     | 
    
         
            +
            }
         
     | 
| 
      
 36 
     | 
    
         
            +
             
     | 
| 
      
 37 
     | 
    
         
            +
            h3 {
         
     | 
| 
      
 38 
     | 
    
         
            +
              margin-top: 1.5rem;
         
     | 
| 
      
 39 
     | 
    
         
            +
              font-size: 1.25rem;
         
     | 
| 
      
 40 
     | 
    
         
            +
            }
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            h4, h5, h6 {
         
     | 
| 
      
 43 
     | 
    
         
            +
              margin-top: 1rem;
         
     | 
| 
      
 44 
     | 
    
         
            +
              font-size: 1rem;
         
     | 
| 
      
 45 
     | 
    
         
            +
            }
         
     | 
| 
      
 46 
     | 
    
         
            +
             
     | 
| 
      
 47 
     | 
    
         
            +
            p {
         
     | 
| 
      
 48 
     | 
    
         
            +
              margin-top: 0;
         
     | 
| 
      
 49 
     | 
    
         
            +
              margin-bottom: 1rem;
         
     | 
| 
      
 50 
     | 
    
         
            +
            }
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            ul, ol, dl {
         
     | 
| 
      
 53 
     | 
    
         
            +
              margin-top: 0;
         
     | 
| 
      
 54 
     | 
    
         
            +
            }
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
            dt {
         
     | 
| 
      
 57 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 58 
     | 
    
         
            +
            }
         
     | 
| 
      
 59 
     | 
    
         
            +
             
     | 
| 
      
 60 
     | 
    
         
            +
            dd {
         
     | 
| 
      
 61 
     | 
    
         
            +
              margin-bottom: .5rem;
         
     | 
| 
      
 62 
     | 
    
         
            +
            }
         
     | 
| 
      
 63 
     | 
    
         
            +
             
     | 
| 
      
 64 
     | 
    
         
            +
            hr {
         
     | 
| 
      
 65 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 66 
     | 
    
         
            +
              margin: 1.5rem 0;
         
     | 
| 
      
 67 
     | 
    
         
            +
              border: 0;
         
     | 
| 
      
 68 
     | 
    
         
            +
              border-top: 1px solid $text;
         
     | 
| 
      
 69 
     | 
    
         
            +
              border-bottom: 1px solid $text;
         
     | 
| 
      
 70 
     | 
    
         
            +
              opacity: .2;
         
     | 
| 
      
 71 
     | 
    
         
            +
             
     | 
| 
      
 72 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 73 
     | 
    
         
            +
              border-top: 1px solid $light-scheme-text;
         
     | 
| 
      
 74 
     | 
    
         
            +
              border-bottom: 1px solid $light-scheme-text;
         
     | 
| 
      
 75 
     | 
    
         
            +
              opacity: .2;
         
     | 
| 
      
 76 
     | 
    
         
            +
                 }
         
     | 
| 
      
 77 
     | 
    
         
            +
            }
         
     | 
| 
      
 78 
     | 
    
         
            +
             
     | 
| 
      
 79 
     | 
    
         
            +
            abbr {
         
     | 
| 
      
 80 
     | 
    
         
            +
              font-size: 85%;
         
     | 
| 
      
 81 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 82 
     | 
    
         
            +
              opacity: .5;
         
     | 
| 
      
 83 
     | 
    
         
            +
              color: $text;
         
     | 
| 
      
 84 
     | 
    
         
            +
              text-transform: uppercase;
         
     | 
| 
      
 85 
     | 
    
         
            +
             
     | 
| 
      
 86 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 87 
     | 
    
         
            +
              color: $light-scheme-text;
         
     | 
| 
      
 88 
     | 
    
         
            +
                }
         
     | 
| 
      
 89 
     | 
    
         
            +
             
     | 
| 
      
 90 
     | 
    
         
            +
              &[title] {
         
     | 
| 
      
 91 
     | 
    
         
            +
                cursor: help;
         
     | 
| 
      
 92 
     | 
    
         
            +
                border-bottom: 1px dotted #e5e5e5;
         
     | 
| 
      
 93 
     | 
    
         
            +
              }
         
     | 
| 
      
 94 
     | 
    
         
            +
            }
         
     | 
| 
      
 95 
     | 
    
         
            +
             
     | 
| 
      
 96 
     | 
    
         
            +
            span.link-arrow {
         
     | 
| 
      
 97 
     | 
    
         
            +
            	color: $header;
         
     | 
| 
      
 98 
     | 
    
         
            +
             
     | 
| 
      
 99 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 100 
     | 
    
         
            +
              color: $light-scheme-header;
         
     | 
| 
      
 101 
     | 
    
         
            +
                }
         
     | 
| 
      
 102 
     | 
    
         
            +
            }
         
     | 
| 
      
 103 
     | 
    
         
            +
             
     | 
| 
      
 104 
     | 
    
         
            +
            blockquote {
         
     | 
| 
      
 105 
     | 
    
         
            +
              width: 100%;
         
     | 
| 
      
 106 
     | 
    
         
            +
              padding: .25em 50px .25em 25px;
         
     | 
| 
      
 107 
     | 
    
         
            +
              margin: 40px auto;
         
     | 
| 
      
 108 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 109 
     | 
    
         
            +
              font-size: 92%;
         
     | 
| 
      
 110 
     | 
    
         
            +
              opacity: .9;
         
     | 
| 
      
 111 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 112 
     | 
    
         
            +
              border-left: 4px solid $header;
         
     | 
| 
      
 113 
     | 
    
         
            +
             
     | 
| 
      
 114 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 115 
     | 
    
         
            +
              border-left: 4px solid $light-scheme-header;
         
     | 
| 
      
 116 
     | 
    
         
            +
              opacity: .8;
         
     | 
| 
      
 117 
     | 
    
         
            +
                }
         
     | 
| 
      
 118 
     | 
    
         
            +
             
     | 
| 
      
 119 
     | 
    
         
            +
              p:last-child {
         
     | 
| 
      
 120 
     | 
    
         
            +
                margin-bottom: 0;
         
     | 
| 
      
 121 
     | 
    
         
            +
              }
         
     | 
| 
      
 122 
     | 
    
         
            +
             
     | 
| 
      
 123 
     | 
    
         
            +
              @media (min-width: 30em) {
         
     | 
| 
      
 124 
     | 
    
         
            +
                padding-right: 5rem;
         
     | 
| 
      
 125 
     | 
    
         
            +
                padding-left: 1.5rem;
         
     | 
| 
      
 126 
     | 
    
         
            +
              }
         
     | 
| 
      
 127 
     | 
    
         
            +
            }
         
     | 
| 
      
 128 
     | 
    
         
            +
             
     | 
| 
      
 129 
     | 
    
         
            +
            figure {
         
     | 
| 
      
 130 
     | 
    
         
            +
              margin: 0;
         
     | 
| 
      
 131 
     | 
    
         
            +
            }
         
     | 
| 
      
 132 
     | 
    
         
            +
             
     | 
| 
      
 133 
     | 
    
         
            +
            mark {
         
     | 
| 
      
 134 
     | 
    
         
            +
                background: $accent;
         
     | 
| 
      
 135 
     | 
    
         
            +
                color: $text;
         
     | 
| 
      
 136 
     | 
    
         
            +
            	  padding: 2px 2px;
         
     | 
| 
      
 137 
     | 
    
         
            +
             
     | 
| 
      
 138 
     | 
    
         
            +
                @media (prefers-color-scheme: light) {
         
     | 
| 
      
 139 
     | 
    
         
            +
                background: #e8e8e8;
         
     | 
| 
      
 140 
     | 
    
         
            +
                color: $light-scheme-text;
         
     | 
| 
      
 141 
     | 
    
         
            +
                  }
         
     | 
| 
      
 142 
     | 
    
         
            +
            }
         
     | 
| 
      
 143 
     | 
    
         
            +
             
     | 
| 
      
 144 
     | 
    
         
            +
            // Footnote number within body text
         
     | 
| 
      
 145 
     | 
    
         
            +
            a[href^="#fn:"] {
         
     | 
| 
      
 146 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 147 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 148 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 149 
     | 
    
         
            +
              min-width: 35px;
         
     | 
| 
      
 150 
     | 
    
         
            +
              margin: 0 0.1em 0 0.2em;
         
     | 
| 
      
 151 
     | 
    
         
            +
              text-align: center;
         
     | 
| 
      
 152 
     | 
    
         
            +
              color: $color;
         
     | 
| 
      
 153 
     | 
    
         
            +
              background-color: rgba(33, 34, 40, 1);
         
     | 
| 
      
 154 
     | 
    
         
            +
              border: 1.5px solid $accent;
         
     | 
| 
      
 155 
     | 
    
         
            +
              border-radius: 1em;
         
     | 
| 
      
 156 
     | 
    
         
            +
              vertical-align: middle;
         
     | 
| 
      
 157 
     | 
    
         
            +
             
     | 
| 
      
 158 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 159 
     | 
    
         
            +
              color: $light-scheme-color;
         
     | 
| 
      
 160 
     | 
    
         
            +
              background-color: #F8F8F8;
         
     | 
| 
      
 161 
     | 
    
         
            +
              border: 1.5px solid #d2d2d2;
         
     | 
| 
      
 162 
     | 
    
         
            +
                }
         
     | 
| 
      
 163 
     | 
    
         
            +
            }
         
     | 
| 
      
 164 
     | 
    
         
            +
             
     | 
| 
      
 165 
     | 
    
         
            +
            // Back to footnote link
         
     | 
| 
      
 166 
     | 
    
         
            +
            a[href^="#fnref:"] {
         
     | 
| 
      
 167 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 168 
     | 
    
         
            +
              margin-left: .1rem;
         
     | 
| 
      
 169 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 170 
     | 
    
         
            +
              padding: 0.1em 0.1em 0.1em;
         
     | 
| 
      
 171 
     | 
    
         
            +
            }
         
     | 
| 
      
 172 
     | 
    
         
            +
             
     | 
| 
      
 173 
     | 
    
         
            +
            // List of footnotes
         
     | 
| 
      
 174 
     | 
    
         
            +
            .footnotes {
         
     | 
| 
      
 175 
     | 
    
         
            +
                margin-top: 2rem;
         
     | 
| 
      
 176 
     | 
    
         
            +
                font-size: 80%;
         
     | 
| 
      
 177 
     | 
    
         
            +
             
     | 
| 
      
 178 
     | 
    
         
            +
            :target {
         
     | 
| 
      
 179 
     | 
    
         
            +
            	padding: 6px;
         
     | 
| 
      
 180 
     | 
    
         
            +
              border: solid 1px $accent;
         
     | 
| 
      
 181 
     | 
    
         
            +
              background-color: rgba(33, 34, 40, 1);
         
     | 
| 
      
 182 
     | 
    
         
            +
             
     | 
| 
      
 183 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 184 
     | 
    
         
            +
              border: solid 1.5px #d2d2d2;
         
     | 
| 
      
 185 
     | 
    
         
            +
              background-color: #F8F8F8;
         
     | 
| 
      
 186 
     | 
    
         
            +
                }
         
     | 
| 
      
 187 
     | 
    
         
            +
              }
         
     | 
| 
      
 188 
     | 
    
         
            +
            }
         
     | 
| 
      
 189 
     | 
    
         
            +
             
     | 
| 
      
 190 
     | 
    
         
            +
            .reversefootnote {
         
     | 
| 
      
 191 
     | 
    
         
            +
             text-decoration: none;
         
     | 
| 
      
 192 
     | 
    
         
            +
             color: $color;
         
     | 
| 
      
 193 
     | 
    
         
            +
             
     | 
| 
      
 194 
     | 
    
         
            +
             @media (prefers-color-scheme: light) {
         
     | 
| 
      
 195 
     | 
    
         
            +
             color: $light-scheme-color;
         
     | 
| 
      
 196 
     | 
    
         
            +
               }
         
     | 
| 
      
 197 
     | 
    
         
            +
            }
         
     | 
| 
      
 198 
     | 
    
         
            +
             
     | 
| 
      
 199 
     | 
    
         
            +
            // Custom type
         
     | 
| 
      
 200 
     | 
    
         
            +
            //
         
     | 
| 
      
 201 
     | 
    
         
            +
            // Extend paragraphs with `.lead` for larger introductory text.
         
     | 
| 
      
 202 
     | 
    
         
            +
             
     | 
| 
      
 203 
     | 
    
         
            +
            .lead {
         
     | 
| 
      
 204 
     | 
    
         
            +
              font-size: 1.25rem;
         
     | 
| 
      
 205 
     | 
    
         
            +
              font-weight: 300;
         
     | 
| 
      
 206 
     | 
    
         
            +
              color: $text;
         
     | 
| 
      
 207 
     | 
    
         
            +
             
     | 
| 
      
 208 
     | 
    
         
            +
              @media (prefers-color-scheme: light) {
         
     | 
| 
      
 209 
     | 
    
         
            +
              color: $light-scheme-text;
         
     | 
| 
      
 210 
     | 
    
         
            +
                }
         
     | 
| 
      
 211 
     | 
    
         
            +
            }
         
     | 
    
        data/_sass/_variables.scss
    CHANGED
    
    | 
         @@ -1,52 +1,52 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            // Color schemes for light and dark mode
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            $color: #0083a0;
         
     | 
| 
       4 
     | 
    
         
            -
            $accent: #6968A7;
         
     | 
| 
       5 
     | 
    
         
            -
             
     | 
| 
       6 
     | 
    
         
            -
            $light-scheme-color: #009ddc;
         
     | 
| 
       7 
     | 
    
         
            -
            $light-scheme-accent: #909090;
         
     | 
| 
       8 
     | 
    
         
            -
             
     | 
| 
       9 
     | 
    
         
            -
            $bg: #1e1e1e;
         
     | 
| 
       10 
     | 
    
         
            -
            $text: #f7f6f5;
         
     | 
| 
       11 
     | 
    
         
            -
            $header: #8f8f8e;
         
     | 
| 
       12 
     | 
    
         
            -
            $header-before: #8f8f8e;
         
     | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
       14 
     | 
    
         
            -
            $light-scheme-bg: #f7f6f4;
         
     | 
| 
       15 
     | 
    
         
            -
            $light-scheme-text: #474747;
         
     | 
| 
       16 
     | 
    
         
            -
            $light-scheme-header: #ACACAC;
         
     | 
| 
       17 
     | 
    
         
            -
            $light-scheme-header-before: #ACACAC;
         
     | 
| 
       18 
     | 
    
         
            -
             
     | 
| 
       19 
     | 
    
         
            -
            $code-inline: #5bc8f9;
         
     | 
| 
       20 
     | 
    
         
            -
            $code-inline-bg: #212c2d;
         
     | 
| 
       21 
     | 
    
         
            -
            $code-block-accent: #5bc8f9;
         
     | 
| 
       22 
     | 
    
         
            -
            $code-block-bg: rgba(33, 34, 40, 1);
         
     | 
| 
       23 
     | 
    
         
            -
            $code-border: #c24a45;
         
     | 
| 
       24 
     | 
    
         
            -
             
     | 
| 
       25 
     | 
    
         
            -
            $code-inline-light: #343434;
         
     | 
| 
       26 
     | 
    
         
            -
            $code-inline-bg-light: #F8F8F8;
         
     | 
| 
       27 
     | 
    
         
            -
            $code-block-accent-light: #00c2bb;
         
     | 
| 
       28 
     | 
    
         
            -
            $code-block-bg-light: rgba(49, 50, 59, 1);
         
     | 
| 
       29 
     | 
    
         
            -
            $code-border-light: #ACACAC;
         
     | 
| 
       30 
     | 
    
         
            -
             
     | 
| 
       31 
     | 
    
         
            -
            $notice: #6968A7;
         
     | 
| 
       32 
     | 
    
         
            -
            $notice-bg: rgba(33, 34, 40, 1);
         
     | 
| 
       33 
     | 
    
         
            -
            $notice-light: #d2d2d2;
         
     | 
| 
       34 
     | 
    
         
            -
            $notice-bg-light: #F8F8F8;
         
     | 
| 
       35 
     | 
    
         
            -
             
     | 
| 
       36 
     | 
    
         
            -
            $message-default: #002d2b;
         
     | 
| 
       37 
     | 
    
         
            -
            $message-light: #F8F8F8;
         
     | 
| 
       38 
     | 
    
         
            -
            $message-black: #282828;
         
     | 
| 
       39 
     | 
    
         
            -
            $message-green: #62bb47;
         
     | 
| 
       40 
     | 
    
         
            -
            $message-yellow: #fcb827;
         
     | 
| 
       41 
     | 
    
         
            -
            $message-orange: #f6821f;
         
     | 
| 
       42 
     | 
    
         
            -
            $message-red: #e03940;
         
     | 
| 
       43 
     | 
    
         
            -
            $message-purple: #953c96;
         
     | 
| 
       44 
     | 
    
         
            -
            $message-blue: #009ddc;
         
     | 
| 
       45 
     | 
    
         
            -
             
     | 
| 
       46 
     | 
    
         
            -
            $root-font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         
     | 
| 
       47 
     | 
    
         
            -
            $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
         
     | 
| 
       48 
     | 
    
         
            -
            $root-font-size: 17px;
         
     | 
| 
       49 
     | 
    
         
            -
            $root-line-height: 1.75;
         
     | 
| 
       50 
     | 
    
         
            -
             
     | 
| 
       51 
     | 
    
         
            -
            $large-breakpoint: 38em;
         
     | 
| 
       52 
     | 
    
         
            -
            $large-font-size: 1.25em;
         
     | 
| 
      
 1 
     | 
    
         
            +
            // Color schemes for light and dark mode
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            $color: #0083a0;
         
     | 
| 
      
 4 
     | 
    
         
            +
            $accent: #6968A7;
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            $light-scheme-color: #009ddc;
         
     | 
| 
      
 7 
     | 
    
         
            +
            $light-scheme-accent: #909090;
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            $bg: #1e1e1e;
         
     | 
| 
      
 10 
     | 
    
         
            +
            $text: #f7f6f5;
         
     | 
| 
      
 11 
     | 
    
         
            +
            $header: #8f8f8e;
         
     | 
| 
      
 12 
     | 
    
         
            +
            $header-before: #8f8f8e;
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            $light-scheme-bg: #f7f6f4;
         
     | 
| 
      
 15 
     | 
    
         
            +
            $light-scheme-text: #474747;
         
     | 
| 
      
 16 
     | 
    
         
            +
            $light-scheme-header: #ACACAC;
         
     | 
| 
      
 17 
     | 
    
         
            +
            $light-scheme-header-before: #ACACAC;
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            $code-inline: #5bc8f9;
         
     | 
| 
      
 20 
     | 
    
         
            +
            $code-inline-bg: #212c2d;
         
     | 
| 
      
 21 
     | 
    
         
            +
            $code-block-accent: #5bc8f9;
         
     | 
| 
      
 22 
     | 
    
         
            +
            $code-block-bg: rgba(33, 34, 40, 1);
         
     | 
| 
      
 23 
     | 
    
         
            +
            $code-border: #c24a45;
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            $code-inline-light: #343434;
         
     | 
| 
      
 26 
     | 
    
         
            +
            $code-inline-bg-light: #F8F8F8;
         
     | 
| 
      
 27 
     | 
    
         
            +
            $code-block-accent-light: #00c2bb;
         
     | 
| 
      
 28 
     | 
    
         
            +
            $code-block-bg-light: rgba(49, 50, 59, 1);
         
     | 
| 
      
 29 
     | 
    
         
            +
            $code-border-light: #ACACAC;
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            $notice: #6968A7;
         
     | 
| 
      
 32 
     | 
    
         
            +
            $notice-bg: rgba(33, 34, 40, 1);
         
     | 
| 
      
 33 
     | 
    
         
            +
            $notice-light: #d2d2d2;
         
     | 
| 
      
 34 
     | 
    
         
            +
            $notice-bg-light: #F8F8F8;
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            $message-default: #002d2b;
         
     | 
| 
      
 37 
     | 
    
         
            +
            $message-light: #F8F8F8;
         
     | 
| 
      
 38 
     | 
    
         
            +
            $message-black: #282828;
         
     | 
| 
      
 39 
     | 
    
         
            +
            $message-green: #62bb47;
         
     | 
| 
      
 40 
     | 
    
         
            +
            $message-yellow: #fcb827;
         
     | 
| 
      
 41 
     | 
    
         
            +
            $message-orange: #f6821f;
         
     | 
| 
      
 42 
     | 
    
         
            +
            $message-red: #e03940;
         
     | 
| 
      
 43 
     | 
    
         
            +
            $message-purple: #953c96;
         
     | 
| 
      
 44 
     | 
    
         
            +
            $message-blue: #009ddc;
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            $root-font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         
     | 
| 
      
 47 
     | 
    
         
            +
            $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
         
     | 
| 
      
 48 
     | 
    
         
            +
            $root-font-size: 17px;
         
     | 
| 
      
 49 
     | 
    
         
            +
            $root-line-height: 1.75;
         
     | 
| 
      
 50 
     | 
    
         
            +
             
     | 
| 
      
 51 
     | 
    
         
            +
            $large-breakpoint: 38em;
         
     | 
| 
      
 52 
     | 
    
         
            +
            $large-font-size: 1.25em;
         
     | 
    
        metadata
    CHANGED
    
    | 
         @@ -1,14 +1,14 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            --- !ruby/object:Gem::Specification
         
     | 
| 
       2 
2 
     | 
    
         
             
            name: quattle
         
     | 
| 
       3 
3 
     | 
    
         
             
            version: !ruby/object:Gem::Version
         
     | 
| 
       4 
     | 
    
         
            -
              version: 1. 
     | 
| 
      
 4 
     | 
    
         
            +
              version: 1.6.0
         
     | 
| 
       5 
5 
     | 
    
         
             
            platform: ruby
         
     | 
| 
       6 
6 
     | 
    
         
             
            authors:
         
     | 
| 
       7 
7 
     | 
    
         
             
            - Victor Wynne
         
     | 
| 
       8 
8 
     | 
    
         
             
            autorequire:
         
     | 
| 
       9 
9 
     | 
    
         
             
            bindir: bin
         
     | 
| 
       10 
10 
     | 
    
         
             
            cert_chain: []
         
     | 
| 
       11 
     | 
    
         
            -
            date: 2022- 
     | 
| 
      
 11 
     | 
    
         
            +
            date: 2022-11-13 00:00:00.000000000 Z
         
     | 
| 
       12 
12 
     | 
    
         
             
            dependencies:
         
     | 
| 
       13 
13 
     | 
    
         
             
            - !ruby/object:Gem::Dependency
         
     | 
| 
       14 
14 
     | 
    
         
             
              name: jekyll
         
     | 
| 
         @@ -16,14 +16,14 @@ dependencies: 
     | 
|
| 
       16 
16 
     | 
    
         
             
                requirements:
         
     | 
| 
       17 
17 
     | 
    
         
             
                - - "~>"
         
     | 
| 
       18 
18 
     | 
    
         
             
                  - !ruby/object:Gem::Version
         
     | 
| 
       19 
     | 
    
         
            -
                    version: '4. 
     | 
| 
      
 19 
     | 
    
         
            +
                    version: '4.3'
         
     | 
| 
       20 
20 
     | 
    
         
             
              type: :runtime
         
     | 
| 
       21 
21 
     | 
    
         
             
              prerelease: false
         
     | 
| 
       22 
22 
     | 
    
         
             
              version_requirements: !ruby/object:Gem::Requirement
         
     | 
| 
       23 
23 
     | 
    
         
             
                requirements:
         
     | 
| 
       24 
24 
     | 
    
         
             
                - - "~>"
         
     | 
| 
       25 
25 
     | 
    
         
             
                  - !ruby/object:Gem::Version
         
     | 
| 
       26 
     | 
    
         
            -
                    version: '4. 
     | 
| 
      
 26 
     | 
    
         
            +
                    version: '4.3'
         
     | 
| 
       27 
27 
     | 
    
         
             
            - !ruby/object:Gem::Dependency
         
     | 
| 
       28 
28 
     | 
    
         
             
              name: bundler
         
     | 
| 
       29 
29 
     | 
    
         
             
              requirement: !ruby/object:Gem::Requirement
         
     |