jekyll-theme-recipe 0.5.0 → 0.5.2
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/_sass/color-mode.scss +66 -0
 - metadata +2 -1
 
    
        checksums.yaml
    CHANGED
    
    | 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            ---
         
     | 
| 
       2 
2 
     | 
    
         
             
            SHA256:
         
     | 
| 
       3 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       4 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 3 
     | 
    
         
            +
              metadata.gz: 5ac34743d7ea2d3db8f6ab9b9e8f7a166d1c5f1e95af69b0fb55fbc1b8c4b12b
         
     | 
| 
      
 4 
     | 
    
         
            +
              data.tar.gz: d4901a61783ba929f062ec3c863aca8b5f534bec7b709df29f3f8103fbc0d48e
         
     | 
| 
       5 
5 
     | 
    
         
             
            SHA512:
         
     | 
| 
       6 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       7 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 6 
     | 
    
         
            +
              metadata.gz: 88ea9095242d171d1da2d3ddc78ed1b51b733395ba8d639f6b1e0df5f631286380136b3cec4126075167c3a547303a1ea197d870281b7740b98a4d663692478d
         
     | 
| 
      
 7 
     | 
    
         
            +
              data.tar.gz: e6e796b0bf359c97a5b2ca4d428360dc17f008002c1251a1d1963071bdf16691167814a024a53b685f40b29870be56a642e99009fa2406dac19b863f1c3de050
         
     | 
| 
         @@ -0,0 +1,66 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
             
     | 
| 
      
 2 
     | 
    
         
            +
            // prefers-color-scheme: light
         
     | 
| 
      
 3 
     | 
    
         
            +
            .light-mode-hide {
         
     | 
| 
      
 4 
     | 
    
         
            +
                display: none;
         
     | 
| 
      
 5 
     | 
    
         
            +
            }
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            @media (prefers-color-scheme: dark) {
         
     | 
| 
      
 8 
     | 
    
         
            +
                .dark-mode-hide {
         
     | 
| 
      
 9 
     | 
    
         
            +
                    display: none;
         
     | 
| 
      
 10 
     | 
    
         
            +
                }
         
     | 
| 
      
 11 
     | 
    
         
            +
                .light-mode-hide {
         
     | 
| 
      
 12 
     | 
    
         
            +
                    display:initial;
         
     | 
| 
      
 13 
     | 
    
         
            +
                }
         
     | 
| 
      
 14 
     | 
    
         
            +
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            input#color-mode, input#color-mode + label{
         
     | 
| 
      
 18 
     | 
    
         
            +
                position: absolute;
         
     | 
| 
      
 19 
     | 
    
         
            +
                top: 100px;
         
     | 
| 
      
 20 
     | 
    
         
            +
                left: 30px;
         
     | 
| 
      
 21 
     | 
    
         
            +
            }
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            input#color-mode {
         
     | 
| 
      
 24 
     | 
    
         
            +
                appearance: none;
         
     | 
| 
      
 25 
     | 
    
         
            +
            }
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            input#color-mode + label{
         
     | 
| 
      
 28 
     | 
    
         
            +
                margin: 0;
         
     | 
| 
      
 29 
     | 
    
         
            +
                line-height: 1.4em;
         
     | 
| 
      
 30 
     | 
    
         
            +
                cursor: pointer;
         
     | 
| 
      
 31 
     | 
    
         
            +
                padding: 2px 4px;
         
     | 
| 
      
 32 
     | 
    
         
            +
             
     | 
| 
      
 33 
     | 
    
         
            +
                border: 1px solid var(--primary-highlight);
         
     | 
| 
      
 34 
     | 
    
         
            +
                color: var(--primary-highlight);
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
                &:hover, &:focus {
         
     | 
| 
      
 37 
     | 
    
         
            +
                    border: 1px solid var(--common);
         
     | 
| 
      
 38 
     | 
    
         
            +
                    color: var(--common);
         
     | 
| 
      
 39 
     | 
    
         
            +
                    background-color: var(--primary-highlight);
         
     | 
| 
      
 40 
     | 
    
         
            +
             
     | 
| 
      
 41 
     | 
    
         
            +
                    &:after{
         
     | 
| 
      
 42 
     | 
    
         
            +
                        border-left: solid 1px var(--common);
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
                    }
         
     | 
| 
      
 45 
     | 
    
         
            +
                }
         
     | 
| 
      
 46 
     | 
    
         
            +
             
     | 
| 
      
 47 
     | 
    
         
            +
                &:after {
         
     | 
| 
      
 48 
     | 
    
         
            +
                    content: "✔\FE0E";
         
     | 
| 
      
 49 
     | 
    
         
            +
                    display: inline-block;
         
     | 
| 
      
 50 
     | 
    
         
            +
                    width: 1.4rem;
         
     | 
| 
      
 51 
     | 
    
         
            +
                    margin-left: 0.2rem;
         
     | 
| 
      
 52 
     | 
    
         
            +
                    border-left: solid 1px var(--primary-highlight);
         
     | 
| 
      
 53 
     | 
    
         
            +
                    text-align: center;
         
     | 
| 
      
 54 
     | 
    
         
            +
                    color: transparent;
         
     | 
| 
      
 55 
     | 
    
         
            +
                
         
     | 
| 
      
 56 
     | 
    
         
            +
                }
         
     | 
| 
      
 57 
     | 
    
         
            +
            }
         
     | 
| 
      
 58 
     | 
    
         
            +
            input#color-mode:checked + label:after{
         
     | 
| 
      
 59 
     | 
    
         
            +
                color: var(--primary-highlight);
         
     | 
| 
      
 60 
     | 
    
         
            +
            }
         
     | 
| 
      
 61 
     | 
    
         
            +
             
     | 
| 
      
 62 
     | 
    
         
            +
            @media (min-width: 1160px) {
         
     | 
| 
      
 63 
     | 
    
         
            +
                input#color-mode, input#color-mode + label {
         
     | 
| 
      
 64 
     | 
    
         
            +
                    left: calc(calc(calc(100vw - 1160px) / 2) + 30px);
         
     | 
| 
      
 65 
     | 
    
         
            +
                }
         
     | 
| 
      
 66 
     | 
    
         
            +
            }
         
     | 
    
        metadata
    CHANGED
    
    | 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            --- !ruby/object:Gem::Specification
         
     | 
| 
       2 
2 
     | 
    
         
             
            name: jekyll-theme-recipe
         
     | 
| 
       3 
3 
     | 
    
         
             
            version: !ruby/object:Gem::Version
         
     | 
| 
       4 
     | 
    
         
            -
              version: 0.5. 
     | 
| 
      
 4 
     | 
    
         
            +
              version: 0.5.2
         
     | 
| 
       5 
5 
     | 
    
         
             
            platform: ruby
         
     | 
| 
       6 
6 
     | 
    
         
             
            authors:
         
     | 
| 
       7 
7 
     | 
    
         
             
            - Hanno Witzleb
         
     | 
| 
         @@ -145,6 +145,7 @@ files: 
     | 
|
| 
       145 
145 
     | 
    
         
             
            - _layouts/default.html
         
     | 
| 
       146 
146 
     | 
    
         
             
            - _layouts/post.html
         
     | 
| 
       147 
147 
     | 
    
         
             
            - _sass/blog.scss
         
     | 
| 
      
 148 
     | 
    
         
            +
            - _sass/color-mode.scss
         
     | 
| 
       148 
149 
     | 
    
         
             
            - _sass/elements.scss
         
     | 
| 
       149 
150 
     | 
    
         
             
            - _sass/fonts.scss
         
     | 
| 
       150 
151 
     | 
    
         
             
            - _sass/forms.scss
         
     |