space-jekyll-theme 0.1.5 → 0.1.10
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/_config.yml +1 -1
- data/_sass/main.scss +119 -80
- metadata +2 -2
    
        checksums.yaml
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            ---
         | 
| 2 2 | 
             
            SHA256:
         | 
| 3 | 
            -
              metadata.gz:  | 
| 4 | 
            -
              data.tar.gz:  | 
| 3 | 
            +
              metadata.gz: 4258fe913283826ab50ac42269cdd9262838d11c3eddb42f8c5a0b9752270172
         | 
| 4 | 
            +
              data.tar.gz: 1e97ed52de3153ee58273411e484b6197e5026a20ae054c15b67be865f6a3967
         | 
| 5 5 | 
             
            SHA512:
         | 
| 6 | 
            -
              metadata.gz:  | 
| 7 | 
            -
              data.tar.gz:  | 
| 6 | 
            +
              metadata.gz: f8615f04788eb07f641fcf45ff43a436037f8593b5c0ccc387c204ce317cc39aec104ec7c5acb28420c12ea11da59c7c446d9f41c7c440e76d3727c48aa76ada
         | 
| 7 | 
            +
              data.tar.gz: dcd8258304ac13be802bc13750095d146de7b6217ff52a4e56e08c30452cd9a1a390decf82852b7fdeb4b35462bc4f48ff7904a9218a093ac56b1e164a5ea87f
         | 
    
        data/_config.yml
    CHANGED
    
    
    
        data/_sass/main.scss
    CHANGED
    
    | @@ -1,14 +1,52 @@ | |
| 1 1 | 
             
            @import "_breakpoints";
         | 
| 2 2 | 
             
            @import "_mixins";
         | 
| 3 3 |  | 
| 4 | 
            -
            $ | 
| 5 | 
            -
            $ | 
| 6 | 
            -
            $ | 
| 7 | 
            -
             | 
| 8 | 
            -
            $ | 
| 4 | 
            +
            $font: "Space Grotesk";
         | 
| 5 | 
            +
            $mono-font: "Space Mono";
         | 
| 6 | 
            +
            $scalefactor: 1.414;
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            $scarlet: rgb(252, 47, 0);
         | 
| 9 | 
            +
            $purple: rgb(194, 0, 251);
         | 
| 10 | 
            +
            $yellow-green: rgb(162, 215, 41);
         | 
| 11 | 
            +
            $black-coffee: rgb(52, 46, 55);
         | 
| 12 | 
            +
            $black-coral: rgb(89, 101, 111);
         | 
| 13 | 
            +
            $emerald: rgb(89, 205, 144);
         | 
| 14 | 
            +
            $cerulean-crayola: rgb(63, 167, 214);
         | 
| 15 | 
            +
            $pink: rgb(228, 0, 102);
         | 
| 16 | 
            +
            $accent: $emerald;
         | 
| 17 | 
            +
             | 
| 18 | 
            +
            .scarlet {
         | 
| 19 | 
            +
              color: $scarlet;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            .purple {
         | 
| 23 | 
            +
              color: $purple;
         | 
| 24 | 
            +
            }
         | 
| 25 | 
            +
             | 
| 26 | 
            +
            .yellow-green {
         | 
| 27 | 
            +
              color: $yellow-green;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
             | 
| 30 | 
            +
            .black-coffee {
         | 
| 31 | 
            +
              color: $black-coffee;
         | 
| 32 | 
            +
            }
         | 
| 33 | 
            +
             | 
| 34 | 
            +
            .black-coral {
         | 
| 35 | 
            +
              color: $black-coral;
         | 
| 36 | 
            +
            }
         | 
| 37 | 
            +
             | 
| 38 | 
            +
            .emerald {
         | 
| 39 | 
            +
              color: $emerald;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
             | 
| 42 | 
            +
            .cerulean-crayola {
         | 
| 43 | 
            +
              color: $cerulean-crayola;
         | 
| 44 | 
            +
            }
         | 
| 45 | 
            +
             | 
| 46 | 
            +
            .pink {
         | 
| 47 | 
            +
              color: $pink;
         | 
| 48 | 
            +
            }
         | 
| 9 49 |  | 
| 10 | 
            -
            $ptsize         : 16px;
         | 
| 11 | 
            -
            $scalefactor    : 1.333;
         | 
| 12 50 |  | 
| 13 51 | 
             
            @function pow($number, $exponent) {
         | 
| 14 52 | 
             
                $value: 1;
         | 
| @@ -26,44 +64,85 @@ $scalefactor    : 1.333; | |
| 26 64 | 
             
                box-sizing: border-box;
         | 
| 27 65 | 
             
                text-rendering: optimizeLegibility;
         | 
| 28 66 | 
             
                font-kerning: auto;
         | 
| 67 | 
            +
                font-weight: 300;
         | 
| 68 | 
            +
            }
         | 
| 69 | 
            +
             | 
| 70 | 
            +
            body {
         | 
| 71 | 
            +
                font-family: $font;
         | 
| 72 | 
            +
                margin: 0;
         | 
| 73 | 
            +
                width: 100%;
         | 
| 74 | 
            +
            }
         | 
| 75 | 
            +
             | 
| 76 | 
            +
            .container {
         | 
| 77 | 
            +
                margin: 2em auto 2em auto;
         | 
| 78 | 
            +
                padding: 0 2em 0 2em;
         | 
| 79 | 
            +
                max-width: 760px;
         | 
| 80 | 
            +
                @include sm {
         | 
| 81 | 
            +
                    margin: 2em auto 2em auto;
         | 
| 82 | 
            +
                    padding: 0 2em 0 2em;
         | 
| 83 | 
            +
                }
         | 
| 84 | 
            +
                @include xl {
         | 
| 85 | 
            +
                    margin: 8em auto 8em auto;
         | 
| 86 | 
            +
                }
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
             | 
| 89 | 
            +
            small,
         | 
| 90 | 
            +
            footer,
         | 
| 91 | 
            +
            figcaption,
         | 
| 92 | 
            +
            p.small,
         | 
| 93 | 
            +
            cite,
         | 
| 94 | 
            +
            .meta,
         | 
| 95 | 
            +
            .kicker {
         | 
| 96 | 
            +
                font-size: 0.8 em;
         | 
| 97 | 
            +
                line-height: 1.3;
         | 
| 98 | 
            +
                color: $black-coral;
         | 
| 99 | 
            +
            }
         | 
| 100 | 
            +
             | 
| 101 | 
            +
            p,
         | 
| 102 | 
            +
            nav {
         | 
| 103 | 
            +
                font-size: 1em;
         | 
| 104 | 
            +
                line-height: 1.6;
         | 
| 105 | 
            +
                color: $black-coffee;
         | 
| 106 | 
            +
                margin-top: 40px;
         | 
| 107 | 
            +
                margin-bottom: 40px;
         | 
| 29 108 | 
             
            }
         | 
| 30 109 |  | 
| 31 110 | 
             
            .logo {
         | 
| 32 111 | 
             
                width: 50px;
         | 
| 33 112 | 
             
            }
         | 
| 34 113 |  | 
| 114 | 
            +
            h1,
         | 
| 35 115 | 
             
            h2,
         | 
| 36 116 | 
             
            h3,
         | 
| 37 117 | 
             
            h4,
         | 
| 38 118 | 
             
            h5,
         | 
| 39 | 
            -
            h6, | 
| 40 | 
            -
             | 
| 41 | 
            -
                 | 
| 119 | 
            +
            h6,
         | 
| 120 | 
            +
            blockquote {
         | 
| 121 | 
            +
                font-family: $font;
         | 
| 122 | 
            +
                // line-height: 1.5em;
         | 
| 42 123 | 
             
            }
         | 
| 43 124 |  | 
| 44 125 | 
             
            a {
         | 
| 45 126 | 
             
                text-decoration: none;
         | 
| 46 | 
            -
                color: $ | 
| 47 | 
            -
                padding-bottom: 0. | 
| 127 | 
            +
                color: $emerald;
         | 
| 128 | 
            +
                padding-bottom: 0.001em;
         | 
| 48 129 | 
             
                border-bottom: 1px solid lightgray;
         | 
| 49 130 | 
             
            }
         | 
| 50 131 |  | 
| 51 132 | 
             
            a:hover {
         | 
| 52 | 
            -
                color: $ | 
| 53 | 
            -
                border-bottom: 1px solid $ | 
| 133 | 
            +
                color: darken($emerald, 20%);
         | 
| 134 | 
            +
                border-bottom: 1px solid darken($emerald, 20%);
         | 
| 54 135 | 
             
            }
         | 
| 55 136 |  | 
| 56 137 | 
             
            h1 {
         | 
| 57 | 
            -
                font-size:  | 
| 58 | 
            -
                line-height:  | 
| 138 | 
            +
                font-size: 1em * pow($scalefactor, 3);
         | 
| 139 | 
            +
                line-height: 1.4;
         | 
| 59 140 | 
             
                margin-top: 80px;
         | 
| 60 141 | 
             
                margin-bottom: 40px;
         | 
| 61 | 
            -
                 | 
| 62 | 
            -
                font-family: $body-font;
         | 
| 142 | 
            +
                font-family: $font;
         | 
| 63 143 | 
             
            }
         | 
| 64 144 |  | 
| 65 145 | 
             
            h1.title {
         | 
| 66 | 
            -
             | 
| 67 146 | 
             
                a {
         | 
| 68 147 | 
             
                    border: none;
         | 
| 69 148 | 
             
                    color: black;
         | 
| @@ -71,54 +150,37 @@ h1.title { | |
| 71 150 | 
             
            }
         | 
| 72 151 |  | 
| 73 152 | 
             
            h2 {
         | 
| 74 | 
            -
                
         | 
| 75 | 
            -
                 | 
| 76 | 
            -
                font-size: $ptsize * pow($scalefactor, 2);
         | 
| 77 | 
            -
                // line-height: 160%;
         | 
| 153 | 
            +
                color: $emerald;
         | 
| 154 | 
            +
                font-size: 1em * pow($scalefactor, 2);
         | 
| 78 155 | 
             
                margin-top: 60px;
         | 
| 79 156 | 
             
                margin-bottom: 40px;
         | 
| 80 157 | 
             
            }
         | 
| 81 158 |  | 
| 82 159 | 
             
            h2.subtitle {
         | 
| 83 | 
            -
                 | 
| 84 | 
            -
                // font-style: italic;
         | 
| 85 | 
            -
                font-size: $ptsize * pow($scalefactor, 2);
         | 
| 86 | 
            -
                // font-family: $body-font;
         | 
| 160 | 
            +
                font-size: 1em * pow($scalefactor, 2);
         | 
| 87 161 | 
             
                margin-top: -30px;
         | 
| 88 162 | 
             
                font-weight: 300;
         | 
| 89 163 | 
             
            }
         | 
| 90 164 |  | 
| 91 165 | 
             
            h3 {
         | 
| 92 | 
            -
                font-size:  | 
| 93 | 
            -
                // line-height: 150%;
         | 
| 166 | 
            +
                font-size: 1em * pow($scalefactor, 1);
         | 
| 94 167 | 
             
                margin-top: 40px;
         | 
| 95 168 | 
             
                margin-bottom: 20px;
         | 
| 96 169 | 
             
            }
         | 
| 97 170 |  | 
| 98 171 | 
             
            h4 {
         | 
| 99 | 
            -
                font-size:  | 
| 172 | 
            +
                font-size: 1em * pow($scalefactor, 1);
         | 
| 100 173 | 
             
                line-height: 140%;
         | 
| 101 174 | 
             
            }
         | 
| 102 175 | 
             
            h5 {
         | 
| 103 | 
            -
                font-size:  | 
| 176 | 
            +
                font-size: 1em * pow($scalefactor, 1);
         | 
| 104 177 | 
             
                letter-spacing: 1px;
         | 
| 105 178 | 
             
                text-transform: uppercase;
         | 
| 106 | 
            -
                // line-height: 140%;
         | 
| 107 179 | 
             
            }
         | 
| 108 180 | 
             
            h6 {
         | 
| 109 | 
            -
                font-size:  | 
| 181 | 
            +
                font-size: 1em;
         | 
| 110 182 | 
             
                letter-spacing: 2px;
         | 
| 111 183 | 
             
                text-transform: uppercase;
         | 
| 112 | 
            -
                // line-height: 140%;
         | 
| 113 | 
            -
            }
         | 
| 114 | 
            -
             | 
| 115 | 
            -
            p {
         | 
| 116 | 
            -
                color: rgb(68, 68, 68);
         | 
| 117 | 
            -
                font-size: $ptsize;
         | 
| 118 | 
            -
                font-weight: 400;
         | 
| 119 | 
            -
                line-height: 1.6;
         | 
| 120 | 
            -
                margin-top: 40px;
         | 
| 121 | 
            -
                margin-bottom: 40px;
         | 
| 122 184 | 
             
            }
         | 
| 123 185 |  | 
| 124 186 | 
             
            ul,
         | 
| @@ -127,12 +189,6 @@ dl { | |
| 127 189 | 
             
                line-height: 200%;
         | 
| 128 190 | 
             
                font-size: 20px;
         | 
| 129 191 | 
             
            }
         | 
| 130 | 
            -
            body {
         | 
| 131 | 
            -
                font-family: $body-font;
         | 
| 132 | 
            -
                margin: 0;
         | 
| 133 | 
            -
                width: 100%;
         | 
| 134 | 
            -
                background-color: white;
         | 
| 135 | 
            -
            }
         | 
| 136 192 |  | 
| 137 193 | 
             
            img,
         | 
| 138 194 | 
             
            audio,
         | 
| @@ -145,25 +201,10 @@ figure { | |
| 145 201 | 
             
            iframe {
         | 
| 146 202 | 
             
                width: 100%;
         | 
| 147 203 | 
             
            }
         | 
| 148 | 
            -
            .container {
         | 
| 149 | 
            -
                background-color: white;
         | 
| 150 | 
            -
                margin: 2em auto 2em auto;
         | 
| 151 | 
            -
                padding: 0 2em 0 2em;
         | 
| 152 | 
            -
                max-width: 760px;
         | 
| 153 | 
            -
                @include sm {
         | 
| 154 | 
            -
                    margin: 2em auto 2em auto;
         | 
| 155 | 
            -
                    padding: 0 2em 0 2em;
         | 
| 156 | 
            -
                }
         | 
| 157 | 
            -
                @include xl {
         | 
| 158 | 
            -
                    margin: 8em auto 8em auto;
         | 
| 159 | 
            -
                }
         | 
| 160 | 
            -
            }
         | 
| 161 204 |  | 
| 162 205 | 
             
            nav {
         | 
| 163 206 | 
             
                margin-top: 40px;
         | 
| 164 207 | 
             
                margin-bottom: 40px;
         | 
| 165 | 
            -
                font-family: $display-font;
         | 
| 166 | 
            -
                font-size: $ptsize;
         | 
| 167 208 |  | 
| 168 209 | 
             
                a {
         | 
| 169 210 | 
             
                    color: black;
         | 
| @@ -173,15 +214,15 @@ nav { | |
| 173 214 | 
             
                    border-bottom: none;
         | 
| 174 215 | 
             
                    padding-bottom: 0.3em;
         | 
| 175 216 | 
             
                }
         | 
| 176 | 
            -
                a: | 
| 217 | 
            +
                a:hover {
         | 
| 177 218 | 
             
                    text-decoration: none !important;
         | 
| 178 219 | 
             
                    padding-bottom: 0.3em;
         | 
| 179 220 | 
             
                }
         | 
| 180 221 | 
             
                a.active {
         | 
| 181 222 | 
             
                    text-decoration: none;
         | 
| 182 | 
            -
                    color: $ | 
| 223 | 
            +
                    color: $emerald;
         | 
| 183 224 | 
             
                    padding-bottom: 0.3em;
         | 
| 184 | 
            -
                    border-bottom: 1px solid $ | 
| 225 | 
            +
                    border-bottom: 1px solid $emerald;
         | 
| 185 226 | 
             
                }
         | 
| 186 227 | 
             
            }
         | 
| 187 228 |  | 
| @@ -203,7 +244,7 @@ nav { | |
| 203 244 |  | 
| 204 245 | 
             
            table {
         | 
| 205 246 | 
             
                text-align: left;
         | 
| 206 | 
            -
                font-size:  | 
| 247 | 
            +
                font-size: 1em;
         | 
| 207 248 |  | 
| 208 249 | 
             
                caption {
         | 
| 209 250 | 
             
                    text-align: left;
         | 
| @@ -216,9 +257,9 @@ li { | |
| 216 257 | 
             
            }
         | 
| 217 258 |  | 
| 218 259 | 
             
            blockquote {
         | 
| 219 | 
            -
                font-family: $ | 
| 260 | 
            +
                font-family: $font;
         | 
| 220 261 | 
             
                color: black;
         | 
| 221 | 
            -
                font-size:  | 
| 262 | 
            +
                font-size: 1em * pow($scalefactor, 1);
         | 
| 222 263 | 
             
                // font-style: italic;
         | 
| 223 264 | 
             
                line-height: 140%;
         | 
| 224 265 | 
             
                margin-top: 40px;
         | 
| @@ -240,11 +281,11 @@ kbd { | |
| 240 281 | 
             
            }
         | 
| 241 282 |  | 
| 242 283 | 
             
            pre {
         | 
| 243 | 
            -
                font-size:  | 
| 284 | 
            +
                font-size: 1em;
         | 
| 244 285 | 
             
            }
         | 
| 245 286 |  | 
| 246 287 | 
             
            cite {
         | 
| 247 | 
            -
                font-family: $ | 
| 288 | 
            +
                font-family: $font;
         | 
| 248 289 | 
             
                font-style: normal;
         | 
| 249 290 | 
             
            }
         | 
| 250 291 |  | 
| @@ -254,10 +295,8 @@ hr { | |
| 254 295 | 
             
                background-color: lightgray;
         | 
| 255 296 | 
             
            }
         | 
| 256 297 |  | 
| 257 | 
            -
             | 
| 258 298 | 
             
            footer {
         | 
| 259 299 | 
             
                margin-top: 80px;
         | 
| 260 | 
            -
                font-size: $ptsize/1.2;
         | 
| 261 300 | 
             
                margin-bottom: 160px;
         | 
| 262 301 | 
             
                color: grey;
         | 
| 263 302 |  | 
| @@ -268,14 +307,13 @@ footer { | |
| 268 307 | 
             
            }
         | 
| 269 308 |  | 
| 270 309 | 
             
            figcaption {
         | 
| 271 | 
            -
                font-family: $ | 
| 310 | 
            +
                font-family: $font;
         | 
| 272 311 | 
             
                margin-top: 10px;
         | 
| 273 312 | 
             
                color: grey;
         | 
| 274 313 | 
             
                text-align: center;
         | 
| 275 314 | 
             
            }
         | 
| 276 315 |  | 
| 277 316 | 
             
            .meta {
         | 
| 278 | 
            -
                font-family: $body-font;
         | 
| 279 317 | 
             
                margin-top: -20px;
         | 
| 280 318 | 
             
                margin-bottom: 40px;
         | 
| 281 319 | 
             
                p {
         | 
| @@ -288,16 +326,17 @@ figcaption { | |
| 288 326 | 
             
            }
         | 
| 289 327 |  | 
| 290 328 | 
             
            .kicker {
         | 
| 291 | 
            -
                font-family: $display-font;
         | 
| 292 329 | 
             
                color: grey;
         | 
| 293 330 | 
             
                margin-top: 80px;
         | 
| 294 331 | 
             
                margin-bottom: -70px;
         | 
| 295 332 | 
             
                text-transform: none;
         | 
| 296 | 
            -
                letter-spacing:  | 
| 333 | 
            +
                letter-spacing: 2;
         | 
| 297 334 | 
             
                font-weight: 400;
         | 
| 298 335 | 
             
                text-transform: uppercase;
         | 
| 299 336 | 
             
            }
         | 
| 300 337 |  | 
| 301 | 
            -
            strong, | 
| 338 | 
            +
            strong,
         | 
| 339 | 
            +
            b {
         | 
| 340 | 
            +
                font-weight: 700;
         | 
| 302 341 | 
             
                color: black;
         | 
| 303 | 
            -
            }
         | 
| 342 | 
            +
            }
         | 
    
        metadata
    CHANGED
    
    | @@ -1,14 +1,14 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: space-jekyll-theme
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 0.1. | 
| 4 | 
            +
              version: 0.1.10
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - '0xf17'
         | 
| 8 8 | 
             
            autorequire:
         | 
| 9 9 | 
             
            bindir: bin
         | 
| 10 10 | 
             
            cert_chain: []
         | 
| 11 | 
            -
            date: 2020-12- | 
| 11 | 
            +
            date: 2020-12-13 00:00:00.000000000 Z
         | 
| 12 12 | 
             
            dependencies:
         | 
| 13 13 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 14 14 | 
             
              name: jekyll
         |