jekyll-theme-clear-stream 0.1.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 +7 -0
 - data/LICENSE.txt +21 -0
 - data/README.md +48 -0
 - data/_includes/google-analytics.html +9 -0
 - data/_layouts/default.html +28 -0
 - data/_layouts/page.html +5 -0
 - data/_layouts/post.html +5 -0
 - data/_sass/custom.scss +25 -0
 - data/_sass/syntax.scss +211 -0
 - data/_sass/typo.scss +345 -0
 - data/assets/main.scss +8 -0
 - metadata +96 -0
 
    
        checksums.yaml
    ADDED
    
    | 
         @@ -0,0 +1,7 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            SHA1:
         
     | 
| 
      
 3 
     | 
    
         
            +
              metadata.gz: b4c719453a08f0e804da2cecc96a6f87470df3e0
         
     | 
| 
      
 4 
     | 
    
         
            +
              data.tar.gz: af0be05185bfcd69771dcdedee7d16237de976bf
         
     | 
| 
      
 5 
     | 
    
         
            +
            SHA512:
         
     | 
| 
      
 6 
     | 
    
         
            +
              metadata.gz: a45efa6687117dcf01c117f0fe1665bbcc90b66a018bbe449b1ce7456a337ef490a34df6da895c91b20824a2667d6ad9741888fc290b08f2a1532a0fccb21f9a
         
     | 
| 
      
 7 
     | 
    
         
            +
              data.tar.gz: 192ebed75cf651e4c06714e628eaade4d600e9a110f28e9782e47cfd5119d91fb87355c03e126aa0b34deab57a011db747f4e4aef6bf30eaf37cd81baf7f8215
         
     | 
    
        data/LICENSE.txt
    ADDED
    
    | 
         @@ -0,0 +1,21 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            The MIT License (MIT)
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            Copyright (c) 2017 teddy
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            Permission is hereby granted, free of charge, to any person obtaining a copy
         
     | 
| 
      
 6 
     | 
    
         
            +
            of this software and associated documentation files (the "Software"), to deal
         
     | 
| 
      
 7 
     | 
    
         
            +
            in the Software without restriction, including without limitation the rights
         
     | 
| 
      
 8 
     | 
    
         
            +
            to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
         
     | 
| 
      
 9 
     | 
    
         
            +
            copies of the Software, and to permit persons to whom the Software is
         
     | 
| 
      
 10 
     | 
    
         
            +
            furnished to do so, subject to the following conditions:
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            The above copyright notice and this permission notice shall be included in
         
     | 
| 
      
 13 
     | 
    
         
            +
            all copies or substantial portions of the Software.
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
         
     | 
| 
      
 16 
     | 
    
         
            +
            IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
         
     | 
| 
      
 17 
     | 
    
         
            +
            FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
         
     | 
| 
      
 18 
     | 
    
         
            +
            AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
         
     | 
| 
      
 19 
     | 
    
         
            +
            LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
         
     | 
| 
      
 20 
     | 
    
         
            +
            OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
         
     | 
| 
      
 21 
     | 
    
         
            +
            THE SOFTWARE.
         
     | 
    
        data/README.md
    ADDED
    
    | 
         @@ -0,0 +1,48 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            # jekyll-clear-stream-theme
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            Simple Jekyll theme for Chinese blogger
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## Installation
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Add this line to your Jekyll site's Gemfile:
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            ```ruby
         
     | 
| 
      
 10 
     | 
    
         
            +
            gem "jekyll-clear-stream-theme"
         
     | 
| 
      
 11 
     | 
    
         
            +
            ```
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            And add this line to your Jekyll site's `_config.yml`:
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            ```yaml
         
     | 
| 
      
 16 
     | 
    
         
            +
            theme: jekyll-clear-stream-theme
         
     | 
| 
      
 17 
     | 
    
         
            +
            ```
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            And then execute:
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
                $ bundle
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            Or install it yourself as:
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
                $ gem install jekyll-clear-stream-theme
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            ## What's inside?
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            typo.css for Chinese and syntax highlight for code.
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            ## Site configuration
         
     | 
| 
      
 32 
     | 
    
         
            +
             
     | 
| 
      
 33 
     | 
    
         
            +
            - `google_analytics`
         
     | 
| 
      
 34 
     | 
    
         
            +
            - `description`
         
     | 
| 
      
 35 
     | 
    
         
            +
            - `keywords`
         
     | 
| 
      
 36 
     | 
    
         
            +
            - `title`
         
     | 
| 
      
 37 
     | 
    
         
            +
             
     | 
| 
      
 38 
     | 
    
         
            +
            ## Development
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            To set up your environment to develop this theme, run `bundle install`.
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            ## License
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
         
     | 
| 
         @@ -0,0 +1,9 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            <script>
         
     | 
| 
      
 2 
     | 
    
         
            +
              (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         
     | 
| 
      
 3 
     | 
    
         
            +
              (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         
     | 
| 
      
 4 
     | 
    
         
            +
              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
         
     | 
| 
      
 5 
     | 
    
         
            +
              })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
              ga('create', '{{ site.google_analytics }}', 'auto');
         
     | 
| 
      
 8 
     | 
    
         
            +
              ga('send', 'pageview');
         
     | 
| 
      
 9 
     | 
    
         
            +
            </script>
         
     | 
| 
         @@ -0,0 +1,28 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            <!doctype html>
         
     | 
| 
      
 2 
     | 
    
         
            +
            <html lang="zh-CN">
         
     | 
| 
      
 3 
     | 
    
         
            +
              <head>
         
     | 
| 
      
 4 
     | 
    
         
            +
                <meta content="IE=edge" http-equiv="X-UA-Compatible">
         
     | 
| 
      
 5 
     | 
    
         
            +
                <meta charset="utf-8">
         
     | 
| 
      
 6 
     | 
    
         
            +
                <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
                <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
                <meta name="author" content="Teddy Ma">
         
     | 
| 
      
 11 
     | 
    
         
            +
                <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
         
     | 
| 
      
 12 
     | 
    
         
            +
                <meta name="keywords" content="{{ page.keywords | default: site.keywords}}">
         
     | 
| 
      
 13 
     | 
    
         
            +
                <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
         
     | 
| 
      
 14 
     | 
    
         
            +
                <!--[if lt IE 9]>
         
     | 
| 
      
 15 
     | 
    
         
            +
                  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
         
     | 
| 
      
 16 
     | 
    
         
            +
                <![endif]-->
         
     | 
| 
      
 17 
     | 
    
         
            +
              </head>
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
              <body class="<%= page_classes %> typo">
         
     | 
| 
      
 20 
     | 
    
         
            +
                <div id="wrapper" class="typo typo-selection">
         
     | 
| 
      
 21 
     | 
    
         
            +
                  {{ content }}
         
     | 
| 
      
 22 
     | 
    
         
            +
                </div>
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
                {% if jekyll.environment == 'production' and site.google_analytics %}
         
     | 
| 
      
 25 
     | 
    
         
            +
                {% include google-analytics.html %}
         
     | 
| 
      
 26 
     | 
    
         
            +
                {% endif %}
         
     | 
| 
      
 27 
     | 
    
         
            +
              </body>
         
     | 
| 
      
 28 
     | 
    
         
            +
            </html>
         
     | 
    
        data/_layouts/page.html
    ADDED
    
    
    
        data/_layouts/post.html
    ADDED
    
    
    
        data/_sass/custom.scss
    ADDED
    
    | 
         @@ -0,0 +1,25 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            @charset "utf-8";
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            code{ color:#1abc9c; }
         
     | 
| 
      
 4 
     | 
    
         
            +
            html{ background:#eee; }
         
     | 
| 
      
 5 
     | 
    
         
            +
            body{ width:90%; max-width: 960px; background:#fff; margin:3em auto 0; padding-top:2em;border:1px solid #ddd;border-width:0 1px;}
         
     | 
| 
      
 6 
     | 
    
         
            +
            pre{white-space:pre-wrap;}
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            i.serif{ text-transform:lowercase; color:#1abc9c; }
         
     | 
| 
      
 9 
     | 
    
         
            +
            :-moz-any(h1, h2, h3, h4, h5, h5) i.serif{ text-transform: capitalize; }
         
     | 
| 
      
 10 
     | 
    
         
            +
            i.serif:hover{ color:inherit; }
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            #wrapper{ padding:0 10%; position:relative;}
         
     | 
| 
      
 13 
     | 
    
         
            +
            #tagline{ color:#999; font-size:1em; margin:-2em 0 2em; padding-bottom:2em; border-bottom:3px double #eee; }
         
     | 
| 
      
 14 
     | 
    
         
            +
            #fork{ position:fixed; top:0; right:0; _position:absolute; }
         
     | 
| 
      
 15 
     | 
    
         
            +
            #table{ margin-bottom:2em; color:#888; }
         
     | 
| 
      
 16 
     | 
    
         
            +
            #github{ position:absolute;top:1em;}
         
     | 
| 
      
 17 
     | 
    
         
            +
            #github iframe{ display:inline;margin-right:1em; }
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            @media only screen and (max-width: 640px) {
         
     | 
| 
      
 20 
     | 
    
         
            +
              table{ word-break:break-all;word-wrap:break-word;font-size:12px; }
         
     | 
| 
      
 21 
     | 
    
         
            +
              .typo table th, .typo table td, .typo-table th, .typo-table td .typo table caption {
         
     | 
| 
      
 22 
     | 
    
         
            +
                padding: 0.5em;
         
     | 
| 
      
 23 
     | 
    
         
            +
              }
         
     | 
| 
      
 24 
     | 
    
         
            +
              #fork{ display:none; }
         
     | 
| 
      
 25 
     | 
    
         
            +
            }
         
     | 
    
        data/_sass/syntax.scss
    ADDED
    
    | 
         @@ -0,0 +1,211 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            @charset "utf-8";
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            .highlight table td { padding: 5px; }
         
     | 
| 
      
 4 
     | 
    
         
            +
            .highlight table pre { margin: 0; }
         
     | 
| 
      
 5 
     | 
    
         
            +
            .highlight .cm {
         
     | 
| 
      
 6 
     | 
    
         
            +
              color: #999988;
         
     | 
| 
      
 7 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 8 
     | 
    
         
            +
            }
         
     | 
| 
      
 9 
     | 
    
         
            +
            .highlight .cp {
         
     | 
| 
      
 10 
     | 
    
         
            +
              color: #999999;
         
     | 
| 
      
 11 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 12 
     | 
    
         
            +
            }
         
     | 
| 
      
 13 
     | 
    
         
            +
            .highlight .c1 {
         
     | 
| 
      
 14 
     | 
    
         
            +
              color: #999988;
         
     | 
| 
      
 15 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 16 
     | 
    
         
            +
            }
         
     | 
| 
      
 17 
     | 
    
         
            +
            .highlight .cs {
         
     | 
| 
      
 18 
     | 
    
         
            +
              color: #999999;
         
     | 
| 
      
 19 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 20 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 21 
     | 
    
         
            +
            }
         
     | 
| 
      
 22 
     | 
    
         
            +
            .highlight .c, .highlight .cd {
         
     | 
| 
      
 23 
     | 
    
         
            +
              color: #999988;
         
     | 
| 
      
 24 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 25 
     | 
    
         
            +
            }
         
     | 
| 
      
 26 
     | 
    
         
            +
            .highlight .err {
         
     | 
| 
      
 27 
     | 
    
         
            +
              color: #a61717;
         
     | 
| 
      
 28 
     | 
    
         
            +
              background-color: #e3d2d2;
         
     | 
| 
      
 29 
     | 
    
         
            +
            }
         
     | 
| 
      
 30 
     | 
    
         
            +
            .highlight .gd {
         
     | 
| 
      
 31 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 32 
     | 
    
         
            +
              background-color: #ffdddd;
         
     | 
| 
      
 33 
     | 
    
         
            +
            }
         
     | 
| 
      
 34 
     | 
    
         
            +
            .highlight .ge {
         
     | 
| 
      
 35 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 36 
     | 
    
         
            +
              font-style: italic;
         
     | 
| 
      
 37 
     | 
    
         
            +
            }
         
     | 
| 
      
 38 
     | 
    
         
            +
            .highlight .gr {
         
     | 
| 
      
 39 
     | 
    
         
            +
              color: #aa0000;
         
     | 
| 
      
 40 
     | 
    
         
            +
            }
         
     | 
| 
      
 41 
     | 
    
         
            +
            .highlight .gh {
         
     | 
| 
      
 42 
     | 
    
         
            +
              color: #999999;
         
     | 
| 
      
 43 
     | 
    
         
            +
            }
         
     | 
| 
      
 44 
     | 
    
         
            +
            .highlight .gi {
         
     | 
| 
      
 45 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 46 
     | 
    
         
            +
              background-color: #ddffdd;
         
     | 
| 
      
 47 
     | 
    
         
            +
            }
         
     | 
| 
      
 48 
     | 
    
         
            +
            .highlight .go {
         
     | 
| 
      
 49 
     | 
    
         
            +
              color: #888888;
         
     | 
| 
      
 50 
     | 
    
         
            +
            }
         
     | 
| 
      
 51 
     | 
    
         
            +
            .highlight .gp {
         
     | 
| 
      
 52 
     | 
    
         
            +
              color: #555555;
         
     | 
| 
      
 53 
     | 
    
         
            +
            }
         
     | 
| 
      
 54 
     | 
    
         
            +
            .highlight .gs {
         
     | 
| 
      
 55 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 56 
     | 
    
         
            +
            }
         
     | 
| 
      
 57 
     | 
    
         
            +
            .highlight .gu {
         
     | 
| 
      
 58 
     | 
    
         
            +
              color: #aaaaaa;
         
     | 
| 
      
 59 
     | 
    
         
            +
            }
         
     | 
| 
      
 60 
     | 
    
         
            +
            .highlight .gt {
         
     | 
| 
      
 61 
     | 
    
         
            +
              color: #aa0000;
         
     | 
| 
      
 62 
     | 
    
         
            +
            }
         
     | 
| 
      
 63 
     | 
    
         
            +
            .highlight .kc {
         
     | 
| 
      
 64 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 65 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 66 
     | 
    
         
            +
            }
         
     | 
| 
      
 67 
     | 
    
         
            +
            .highlight .kd {
         
     | 
| 
      
 68 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 69 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 70 
     | 
    
         
            +
            }
         
     | 
| 
      
 71 
     | 
    
         
            +
            .highlight .kn {
         
     | 
| 
      
 72 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 73 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 74 
     | 
    
         
            +
            }
         
     | 
| 
      
 75 
     | 
    
         
            +
            .highlight .kp {
         
     | 
| 
      
 76 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 77 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 78 
     | 
    
         
            +
            }
         
     | 
| 
      
 79 
     | 
    
         
            +
            .highlight .kr {
         
     | 
| 
      
 80 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 81 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 82 
     | 
    
         
            +
            }
         
     | 
| 
      
 83 
     | 
    
         
            +
            .highlight .kt {
         
     | 
| 
      
 84 
     | 
    
         
            +
              color: #445588;
         
     | 
| 
      
 85 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 86 
     | 
    
         
            +
            }
         
     | 
| 
      
 87 
     | 
    
         
            +
            .highlight .k, .highlight .kv {
         
     | 
| 
      
 88 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 89 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 90 
     | 
    
         
            +
            }
         
     | 
| 
      
 91 
     | 
    
         
            +
            .highlight .mf {
         
     | 
| 
      
 92 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 93 
     | 
    
         
            +
            }
         
     | 
| 
      
 94 
     | 
    
         
            +
            .highlight .mh {
         
     | 
| 
      
 95 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 96 
     | 
    
         
            +
            }
         
     | 
| 
      
 97 
     | 
    
         
            +
            .highlight .il {
         
     | 
| 
      
 98 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 99 
     | 
    
         
            +
            }
         
     | 
| 
      
 100 
     | 
    
         
            +
            .highlight .mi {
         
     | 
| 
      
 101 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 102 
     | 
    
         
            +
            }
         
     | 
| 
      
 103 
     | 
    
         
            +
            .highlight .mo {
         
     | 
| 
      
 104 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 105 
     | 
    
         
            +
            }
         
     | 
| 
      
 106 
     | 
    
         
            +
            .highlight .m, .highlight .mb, .highlight .mx {
         
     | 
| 
      
 107 
     | 
    
         
            +
              color: #009999;
         
     | 
| 
      
 108 
     | 
    
         
            +
            }
         
     | 
| 
      
 109 
     | 
    
         
            +
            .highlight .sb {
         
     | 
| 
      
 110 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 111 
     | 
    
         
            +
            }
         
     | 
| 
      
 112 
     | 
    
         
            +
            .highlight .sc {
         
     | 
| 
      
 113 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 114 
     | 
    
         
            +
            }
         
     | 
| 
      
 115 
     | 
    
         
            +
            .highlight .sd {
         
     | 
| 
      
 116 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 117 
     | 
    
         
            +
            }
         
     | 
| 
      
 118 
     | 
    
         
            +
            .highlight .s2 {
         
     | 
| 
      
 119 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 120 
     | 
    
         
            +
            }
         
     | 
| 
      
 121 
     | 
    
         
            +
            .highlight .se {
         
     | 
| 
      
 122 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 123 
     | 
    
         
            +
            }
         
     | 
| 
      
 124 
     | 
    
         
            +
            .highlight .sh {
         
     | 
| 
      
 125 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 126 
     | 
    
         
            +
            }
         
     | 
| 
      
 127 
     | 
    
         
            +
            .highlight .si {
         
     | 
| 
      
 128 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 129 
     | 
    
         
            +
            }
         
     | 
| 
      
 130 
     | 
    
         
            +
            .highlight .sx {
         
     | 
| 
      
 131 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 132 
     | 
    
         
            +
            }
         
     | 
| 
      
 133 
     | 
    
         
            +
            .highlight .sr {
         
     | 
| 
      
 134 
     | 
    
         
            +
              color: #009926;
         
     | 
| 
      
 135 
     | 
    
         
            +
            }
         
     | 
| 
      
 136 
     | 
    
         
            +
            .highlight .s1 {
         
     | 
| 
      
 137 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 138 
     | 
    
         
            +
            }
         
     | 
| 
      
 139 
     | 
    
         
            +
            .highlight .ss {
         
     | 
| 
      
 140 
     | 
    
         
            +
              color: #990073;
         
     | 
| 
      
 141 
     | 
    
         
            +
            }
         
     | 
| 
      
 142 
     | 
    
         
            +
            .highlight .s {
         
     | 
| 
      
 143 
     | 
    
         
            +
              color: #d14;
         
     | 
| 
      
 144 
     | 
    
         
            +
            }
         
     | 
| 
      
 145 
     | 
    
         
            +
            .highlight .na {
         
     | 
| 
      
 146 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 147 
     | 
    
         
            +
            }
         
     | 
| 
      
 148 
     | 
    
         
            +
            .highlight .bp {
         
     | 
| 
      
 149 
     | 
    
         
            +
              color: #999999;
         
     | 
| 
      
 150 
     | 
    
         
            +
            }
         
     | 
| 
      
 151 
     | 
    
         
            +
            .highlight .nb {
         
     | 
| 
      
 152 
     | 
    
         
            +
              color: #0086B3;
         
     | 
| 
      
 153 
     | 
    
         
            +
            }
         
     | 
| 
      
 154 
     | 
    
         
            +
            .highlight .nc {
         
     | 
| 
      
 155 
     | 
    
         
            +
              color: #445588;
         
     | 
| 
      
 156 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 157 
     | 
    
         
            +
            }
         
     | 
| 
      
 158 
     | 
    
         
            +
            .highlight .no {
         
     | 
| 
      
 159 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 160 
     | 
    
         
            +
            }
         
     | 
| 
      
 161 
     | 
    
         
            +
            .highlight .nd {
         
     | 
| 
      
 162 
     | 
    
         
            +
              color: #3c5d5d;
         
     | 
| 
      
 163 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 164 
     | 
    
         
            +
            }
         
     | 
| 
      
 165 
     | 
    
         
            +
            .highlight .ni {
         
     | 
| 
      
 166 
     | 
    
         
            +
              color: #800080;
         
     | 
| 
      
 167 
     | 
    
         
            +
            }
         
     | 
| 
      
 168 
     | 
    
         
            +
            .highlight .ne {
         
     | 
| 
      
 169 
     | 
    
         
            +
              color: #990000;
         
     | 
| 
      
 170 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 171 
     | 
    
         
            +
            }
         
     | 
| 
      
 172 
     | 
    
         
            +
            .highlight .nf {
         
     | 
| 
      
 173 
     | 
    
         
            +
              color: #990000;
         
     | 
| 
      
 174 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 175 
     | 
    
         
            +
            }
         
     | 
| 
      
 176 
     | 
    
         
            +
            .highlight .nl {
         
     | 
| 
      
 177 
     | 
    
         
            +
              color: #990000;
         
     | 
| 
      
 178 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 179 
     | 
    
         
            +
            }
         
     | 
| 
      
 180 
     | 
    
         
            +
            .highlight .nn {
         
     | 
| 
      
 181 
     | 
    
         
            +
              color: #555555;
         
     | 
| 
      
 182 
     | 
    
         
            +
            }
         
     | 
| 
      
 183 
     | 
    
         
            +
            .highlight .nt {
         
     | 
| 
      
 184 
     | 
    
         
            +
              color: #000080;
         
     | 
| 
      
 185 
     | 
    
         
            +
            }
         
     | 
| 
      
 186 
     | 
    
         
            +
            .highlight .vc {
         
     | 
| 
      
 187 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 188 
     | 
    
         
            +
            }
         
     | 
| 
      
 189 
     | 
    
         
            +
            .highlight .vg {
         
     | 
| 
      
 190 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 191 
     | 
    
         
            +
            }
         
     | 
| 
      
 192 
     | 
    
         
            +
            .highlight .vi {
         
     | 
| 
      
 193 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 194 
     | 
    
         
            +
            }
         
     | 
| 
      
 195 
     | 
    
         
            +
            .highlight .nv {
         
     | 
| 
      
 196 
     | 
    
         
            +
              color: #008080;
         
     | 
| 
      
 197 
     | 
    
         
            +
            }
         
     | 
| 
      
 198 
     | 
    
         
            +
            .highlight .ow {
         
     | 
| 
      
 199 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 200 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 201 
     | 
    
         
            +
            }
         
     | 
| 
      
 202 
     | 
    
         
            +
            .highlight .o {
         
     | 
| 
      
 203 
     | 
    
         
            +
              color: #000000;
         
     | 
| 
      
 204 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 205 
     | 
    
         
            +
            }
         
     | 
| 
      
 206 
     | 
    
         
            +
            .highlight .w {
         
     | 
| 
      
 207 
     | 
    
         
            +
              color: #bbbbbb;
         
     | 
| 
      
 208 
     | 
    
         
            +
            }
         
     | 
| 
      
 209 
     | 
    
         
            +
            .highlight {
         
     | 
| 
      
 210 
     | 
    
         
            +
              background-color: #f8f8f8;
         
     | 
| 
      
 211 
     | 
    
         
            +
            }
         
     | 
    
        data/_sass/typo.scss
    ADDED
    
    | 
         @@ -0,0 +1,345 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            @charset "utf-8";
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
         
     | 
| 
      
 4 
     | 
    
         
            +
            html {
         
     | 
| 
      
 5 
     | 
    
         
            +
              color: #333;
         
     | 
| 
      
 6 
     | 
    
         
            +
              background: #fff;
         
     | 
| 
      
 7 
     | 
    
         
            +
              -webkit-text-size-adjust: 100%;
         
     | 
| 
      
 8 
     | 
    
         
            +
              -ms-text-size-adjust: 100%;
         
     | 
| 
      
 9 
     | 
    
         
            +
              text-rendering: optimizelegibility;
         
     | 
| 
      
 10 
     | 
    
         
            +
            }
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等,推荐在 <html> 中添加 .borderbox 这个 class */
         
     | 
| 
      
 13 
     | 
    
         
            +
            html.borderbox *, html.borderbox *:before, html.borderbox *:after {
         
     | 
| 
      
 14 
     | 
    
         
            +
              -moz-box-sizing: border-box;
         
     | 
| 
      
 15 
     | 
    
         
            +
              -webkit-box-sizing: border-box;
         
     | 
| 
      
 16 
     | 
    
         
            +
              box-sizing: border-box;
         
     | 
| 
      
 17 
     | 
    
         
            +
            }
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            /* 内外边距通常让各个浏览器样式的表现位置不同 */
         
     | 
| 
      
 20 
     | 
    
         
            +
            body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
         
     | 
| 
      
 21 
     | 
    
         
            +
              margin: 0;
         
     | 
| 
      
 22 
     | 
    
         
            +
              padding: 0;
         
     | 
| 
      
 23 
     | 
    
         
            +
            }
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
         
     | 
| 
      
 26 
     | 
    
         
            +
            article, aside, details, figcaption, figure, footer, header, menu, nav, section {
         
     | 
| 
      
 27 
     | 
    
         
            +
              display: block;
         
     | 
| 
      
 28 
     | 
    
         
            +
            }
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            /* HTML5 媒体文件跟 img 保持一致 */
         
     | 
| 
      
 31 
     | 
    
         
            +
            audio, canvas, video {
         
     | 
| 
      
 32 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 33 
     | 
    
         
            +
            }
         
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
            /* 要注意表单元素并不继承父级 font 的问题 */
         
     | 
| 
      
 36 
     | 
    
         
            +
            body, button, input, select, textarea {
         
     | 
| 
      
 37 
     | 
    
         
            +
              font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
         
     | 
| 
      
 38 
     | 
    
         
            +
            }
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            button::-moz-focus-inner,
         
     | 
| 
      
 41 
     | 
    
         
            +
            input::-moz-focus-inner {
         
     | 
| 
      
 42 
     | 
    
         
            +
              padding: 0;
         
     | 
| 
      
 43 
     | 
    
         
            +
              border: 0;
         
     | 
| 
      
 44 
     | 
    
         
            +
            }
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            /* 去掉各Table cell 的边距并让其边重合 */
         
     | 
| 
      
 47 
     | 
    
         
            +
            table {
         
     | 
| 
      
 48 
     | 
    
         
            +
              border-collapse: collapse;
         
     | 
| 
      
 49 
     | 
    
         
            +
              border-spacing: 0;
         
     | 
| 
      
 50 
     | 
    
         
            +
            }
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            /* 去除默认边框 */
         
     | 
| 
      
 53 
     | 
    
         
            +
            fieldset, img {
         
     | 
| 
      
 54 
     | 
    
         
            +
              border: 0;
         
     | 
| 
      
 55 
     | 
    
         
            +
            }
         
     | 
| 
      
 56 
     | 
    
         
            +
             
     | 
| 
      
 57 
     | 
    
         
            +
            /* 块/段落引用 */
         
     | 
| 
      
 58 
     | 
    
         
            +
            blockquote {
         
     | 
| 
      
 59 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 60 
     | 
    
         
            +
              color: #999;
         
     | 
| 
      
 61 
     | 
    
         
            +
              font-weight: 400;
         
     | 
| 
      
 62 
     | 
    
         
            +
              border-left: 1px solid #1abc9c;
         
     | 
| 
      
 63 
     | 
    
         
            +
              padding-left: 1em;
         
     | 
| 
      
 64 
     | 
    
         
            +
              margin: 1em 3em 1em 2em;
         
     | 
| 
      
 65 
     | 
    
         
            +
            }
         
     | 
| 
      
 66 
     | 
    
         
            +
             
     | 
| 
      
 67 
     | 
    
         
            +
            @media only screen and ( max-width: 640px ) {
         
     | 
| 
      
 68 
     | 
    
         
            +
              blockquote {
         
     | 
| 
      
 69 
     | 
    
         
            +
                margin: 1em 0;
         
     | 
| 
      
 70 
     | 
    
         
            +
              }
         
     | 
| 
      
 71 
     | 
    
         
            +
            }
         
     | 
| 
      
 72 
     | 
    
         
            +
             
     | 
| 
      
 73 
     | 
    
         
            +
            /* Firefox 以外,元素没有下划线,需添加 */
         
     | 
| 
      
 74 
     | 
    
         
            +
            acronym, abbr {
         
     | 
| 
      
 75 
     | 
    
         
            +
              border-bottom: 1px dotted;
         
     | 
| 
      
 76 
     | 
    
         
            +
              font-variant: normal;
         
     | 
| 
      
 77 
     | 
    
         
            +
            }
         
     | 
| 
      
 78 
     | 
    
         
            +
             
     | 
| 
      
 79 
     | 
    
         
            +
            /* 添加鼠标问号,进一步确保应用的语义是正确的(要知道,交互他们也有洁癖,如果你不去掉,那得多花点口舌) */
         
     | 
| 
      
 80 
     | 
    
         
            +
            abbr {
         
     | 
| 
      
 81 
     | 
    
         
            +
              cursor: help;
         
     | 
| 
      
 82 
     | 
    
         
            +
            }
         
     | 
| 
      
 83 
     | 
    
         
            +
             
     | 
| 
      
 84 
     | 
    
         
            +
            /* 一致的 del 样式 */
         
     | 
| 
      
 85 
     | 
    
         
            +
            del {
         
     | 
| 
      
 86 
     | 
    
         
            +
              text-decoration: line-through;
         
     | 
| 
      
 87 
     | 
    
         
            +
            }
         
     | 
| 
      
 88 
     | 
    
         
            +
             
     | 
| 
      
 89 
     | 
    
         
            +
            address, caption, cite, code, dfn, em, th, var {
         
     | 
| 
      
 90 
     | 
    
         
            +
              font-style: normal;
         
     | 
| 
      
 91 
     | 
    
         
            +
              font-weight: 400;
         
     | 
| 
      
 92 
     | 
    
         
            +
            }
         
     | 
| 
      
 93 
     | 
    
         
            +
             
     | 
| 
      
 94 
     | 
    
         
            +
            /* 去掉列表前的标识, li 会继承,大部分网站通常用列表来很多内容,所以应该当去 */
         
     | 
| 
      
 95 
     | 
    
         
            +
            ul, ol {
         
     | 
| 
      
 96 
     | 
    
         
            +
              list-style: none;
         
     | 
| 
      
 97 
     | 
    
         
            +
            }
         
     | 
| 
      
 98 
     | 
    
         
            +
             
     | 
| 
      
 99 
     | 
    
         
            +
            /* 对齐是排版最重要的因素, 别让什么都居中 */
         
     | 
| 
      
 100 
     | 
    
         
            +
            caption, th {
         
     | 
| 
      
 101 
     | 
    
         
            +
              text-align: left;
         
     | 
| 
      
 102 
     | 
    
         
            +
            }
         
     | 
| 
      
 103 
     | 
    
         
            +
             
     | 
| 
      
 104 
     | 
    
         
            +
            q:before, q:after {
         
     | 
| 
      
 105 
     | 
    
         
            +
              content: '';
         
     | 
| 
      
 106 
     | 
    
         
            +
            }
         
     | 
| 
      
 107 
     | 
    
         
            +
             
     | 
| 
      
 108 
     | 
    
         
            +
            /* 统一上标和下标 */
         
     | 
| 
      
 109 
     | 
    
         
            +
            sub, sup {
         
     | 
| 
      
 110 
     | 
    
         
            +
              font-size: 75%;
         
     | 
| 
      
 111 
     | 
    
         
            +
              line-height: 0;
         
     | 
| 
      
 112 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 113 
     | 
    
         
            +
            }
         
     | 
| 
      
 114 
     | 
    
         
            +
             
     | 
| 
      
 115 
     | 
    
         
            +
            :root sub, :root sup {
         
     | 
| 
      
 116 
     | 
    
         
            +
              vertical-align: baseline; /* for ie9 and other modern browsers */
         
     | 
| 
      
 117 
     | 
    
         
            +
            }
         
     | 
| 
      
 118 
     | 
    
         
            +
             
     | 
| 
      
 119 
     | 
    
         
            +
            sup {
         
     | 
| 
      
 120 
     | 
    
         
            +
              top: -0.5em;
         
     | 
| 
      
 121 
     | 
    
         
            +
            }
         
     | 
| 
      
 122 
     | 
    
         
            +
             
     | 
| 
      
 123 
     | 
    
         
            +
            sub {
         
     | 
| 
      
 124 
     | 
    
         
            +
              bottom: -0.25em;
         
     | 
| 
      
 125 
     | 
    
         
            +
            }
         
     | 
| 
      
 126 
     | 
    
         
            +
             
     | 
| 
      
 127 
     | 
    
         
            +
            /* 让链接在 hover 状态下显示下划线 */
         
     | 
| 
      
 128 
     | 
    
         
            +
            a {
         
     | 
| 
      
 129 
     | 
    
         
            +
              color: #1abc9c;
         
     | 
| 
      
 130 
     | 
    
         
            +
            }
         
     | 
| 
      
 131 
     | 
    
         
            +
             
     | 
| 
      
 132 
     | 
    
         
            +
            a:hover {
         
     | 
| 
      
 133 
     | 
    
         
            +
              text-decoration: underline;
         
     | 
| 
      
 134 
     | 
    
         
            +
            }
         
     | 
| 
      
 135 
     | 
    
         
            +
             
     | 
| 
      
 136 
     | 
    
         
            +
            .typo a {
         
     | 
| 
      
 137 
     | 
    
         
            +
              border-bottom: 1px solid #1abc9c;
         
     | 
| 
      
 138 
     | 
    
         
            +
            }
         
     | 
| 
      
 139 
     | 
    
         
            +
             
     | 
| 
      
 140 
     | 
    
         
            +
            .typo a:hover {
         
     | 
| 
      
 141 
     | 
    
         
            +
              border-bottom-color: #555;
         
     | 
| 
      
 142 
     | 
    
         
            +
              color: #555;
         
     | 
| 
      
 143 
     | 
    
         
            +
              text-decoration: none;
         
     | 
| 
      
 144 
     | 
    
         
            +
            }
         
     | 
| 
      
 145 
     | 
    
         
            +
             
     | 
| 
      
 146 
     | 
    
         
            +
            /* 默认不显示下划线,保持页面简洁 */
         
     | 
| 
      
 147 
     | 
    
         
            +
            ins, a {
         
     | 
| 
      
 148 
     | 
    
         
            +
              text-decoration: none;
         
     | 
| 
      
 149 
     | 
    
         
            +
            }
         
     | 
| 
      
 150 
     | 
    
         
            +
             
     | 
| 
      
 151 
     | 
    
         
            +
            /* 专名号:虽然 u 已经重回 html5 Draft,但在所有浏览器中都是可以使用的,
         
     | 
| 
      
 152 
     | 
    
         
            +
             * 要做到更好,向后兼容的话,添加 class="typo-u" 来显示专名号
         
     | 
| 
      
 153 
     | 
    
         
            +
             * 关于 <u> 标签:http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
         
     | 
| 
      
 154 
     | 
    
         
            +
             * 被放弃的是 4,之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
         
     | 
| 
      
 155 
     | 
    
         
            +
             * 一篇关于 <u> 标签的很好文章:http://html5doctor.com/u-element/
         
     | 
| 
      
 156 
     | 
    
         
            +
             */
         
     | 
| 
      
 157 
     | 
    
         
            +
            u, .typo-u {
         
     | 
| 
      
 158 
     | 
    
         
            +
              text-decoration: underline;
         
     | 
| 
      
 159 
     | 
    
         
            +
            }
         
     | 
| 
      
 160 
     | 
    
         
            +
             
     | 
| 
      
 161 
     | 
    
         
            +
            /* 标记,类似于手写的荧光笔的作用 */
         
     | 
| 
      
 162 
     | 
    
         
            +
            mark {
         
     | 
| 
      
 163 
     | 
    
         
            +
              background: #fffdd1;
         
     | 
| 
      
 164 
     | 
    
         
            +
              border-bottom: 1px solid #ffedce;
         
     | 
| 
      
 165 
     | 
    
         
            +
              padding: 2px;
         
     | 
| 
      
 166 
     | 
    
         
            +
              margin: 0 5px;
         
     | 
| 
      
 167 
     | 
    
         
            +
            }
         
     | 
| 
      
 168 
     | 
    
         
            +
             
     | 
| 
      
 169 
     | 
    
         
            +
            /* 代码片断 */
         
     | 
| 
      
 170 
     | 
    
         
            +
            pre, code, pre tt {
         
     | 
| 
      
 171 
     | 
    
         
            +
              font-family: Courier, 'Courier New', monospace;
         
     | 
| 
      
 172 
     | 
    
         
            +
            }
         
     | 
| 
      
 173 
     | 
    
         
            +
             
     | 
| 
      
 174 
     | 
    
         
            +
            pre {
         
     | 
| 
      
 175 
     | 
    
         
            +
              background: #f8f8f8;
         
     | 
| 
      
 176 
     | 
    
         
            +
              border: 1px solid #ddd;
         
     | 
| 
      
 177 
     | 
    
         
            +
              padding: 1em 1.5em;
         
     | 
| 
      
 178 
     | 
    
         
            +
              display: block;
         
     | 
| 
      
 179 
     | 
    
         
            +
              -webkit-overflow-scrolling: touch;
         
     | 
| 
      
 180 
     | 
    
         
            +
            }
         
     | 
| 
      
 181 
     | 
    
         
            +
             
     | 
| 
      
 182 
     | 
    
         
            +
            /* 一致化 horizontal rule */
         
     | 
| 
      
 183 
     | 
    
         
            +
            hr {
         
     | 
| 
      
 184 
     | 
    
         
            +
              border: none;
         
     | 
| 
      
 185 
     | 
    
         
            +
              border-bottom: 1px solid #cfcfcf;
         
     | 
| 
      
 186 
     | 
    
         
            +
              margin-bottom: 0.8em;
         
     | 
| 
      
 187 
     | 
    
         
            +
              height: 10px;
         
     | 
| 
      
 188 
     | 
    
         
            +
            }
         
     | 
| 
      
 189 
     | 
    
         
            +
             
     | 
| 
      
 190 
     | 
    
         
            +
            /* 底部印刷体、版本等标记 */
         
     | 
| 
      
 191 
     | 
    
         
            +
            small, .typo-small,
         
     | 
| 
      
 192 
     | 
    
         
            +
              /* 图片说明 */
         
     | 
| 
      
 193 
     | 
    
         
            +
            figcaption {
         
     | 
| 
      
 194 
     | 
    
         
            +
              font-size: 0.9em;
         
     | 
| 
      
 195 
     | 
    
         
            +
              color: #888;
         
     | 
| 
      
 196 
     | 
    
         
            +
            }
         
     | 
| 
      
 197 
     | 
    
         
            +
             
     | 
| 
      
 198 
     | 
    
         
            +
            strong, b {
         
     | 
| 
      
 199 
     | 
    
         
            +
              font-weight: bold;
         
     | 
| 
      
 200 
     | 
    
         
            +
              color: #000;
         
     | 
| 
      
 201 
     | 
    
         
            +
            }
         
     | 
| 
      
 202 
     | 
    
         
            +
             
     | 
| 
      
 203 
     | 
    
         
            +
            /* 可拖动文件添加拖动手势 */
         
     | 
| 
      
 204 
     | 
    
         
            +
            [draggable] {
         
     | 
| 
      
 205 
     | 
    
         
            +
              cursor: move;
         
     | 
| 
      
 206 
     | 
    
         
            +
            }
         
     | 
| 
      
 207 
     | 
    
         
            +
             
     | 
| 
      
 208 
     | 
    
         
            +
            .clearfix:before, .clearfix:after {
         
     | 
| 
      
 209 
     | 
    
         
            +
              content: "";
         
     | 
| 
      
 210 
     | 
    
         
            +
              display: table;
         
     | 
| 
      
 211 
     | 
    
         
            +
            }
         
     | 
| 
      
 212 
     | 
    
         
            +
             
     | 
| 
      
 213 
     | 
    
         
            +
            .clearfix:after {
         
     | 
| 
      
 214 
     | 
    
         
            +
              clear: both;
         
     | 
| 
      
 215 
     | 
    
         
            +
            }
         
     | 
| 
      
 216 
     | 
    
         
            +
             
     | 
| 
      
 217 
     | 
    
         
            +
            .clearfix {
         
     | 
| 
      
 218 
     | 
    
         
            +
              zoom: 1;
         
     | 
| 
      
 219 
     | 
    
         
            +
            }
         
     | 
| 
      
 220 
     | 
    
         
            +
             
     | 
| 
      
 221 
     | 
    
         
            +
            /* 强制文本换行 */
         
     | 
| 
      
 222 
     | 
    
         
            +
            .textwrap, .textwrap td, .textwrap th {
         
     | 
| 
      
 223 
     | 
    
         
            +
              word-wrap: break-word;
         
     | 
| 
      
 224 
     | 
    
         
            +
              word-break: break-all;
         
     | 
| 
      
 225 
     | 
    
         
            +
            }
         
     | 
| 
      
 226 
     | 
    
         
            +
             
     | 
| 
      
 227 
     | 
    
         
            +
            .textwrap-table {
         
     | 
| 
      
 228 
     | 
    
         
            +
              table-layout: fixed;
         
     | 
| 
      
 229 
     | 
    
         
            +
            }
         
     | 
| 
      
 230 
     | 
    
         
            +
             
     | 
| 
      
 231 
     | 
    
         
            +
            /* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
         
     | 
| 
      
 232 
     | 
    
         
            +
            .serif {
         
     | 
| 
      
 233 
     | 
    
         
            +
              font-family: Palatino, Optima, Georgia, serif;
         
     | 
| 
      
 234 
     | 
    
         
            +
            }
         
     | 
| 
      
 235 
     | 
    
         
            +
             
     | 
| 
      
 236 
     | 
    
         
            +
            /* 保证块/段落之间的空白隔行 */
         
     | 
| 
      
 237 
     | 
    
         
            +
            .typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table,
         
     | 
| 
      
 238 
     | 
    
         
            +
            .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote {
         
     | 
| 
      
 239 
     | 
    
         
            +
              margin-bottom: 1.2em
         
     | 
| 
      
 240 
     | 
    
         
            +
            }
         
     | 
| 
      
 241 
     | 
    
         
            +
             
     | 
| 
      
 242 
     | 
    
         
            +
            h1, h2, h3, h4, h5, h6 {
         
     | 
| 
      
 243 
     | 
    
         
            +
              font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
         
     | 
| 
      
 244 
     | 
    
         
            +
              font-weight: 100;
         
     | 
| 
      
 245 
     | 
    
         
            +
              color: #000;
         
     | 
| 
      
 246 
     | 
    
         
            +
              line-height: 1.35;
         
     | 
| 
      
 247 
     | 
    
         
            +
            }
         
     | 
| 
      
 248 
     | 
    
         
            +
             
     | 
| 
      
 249 
     | 
    
         
            +
            /* 标题应该更贴紧内容,并与其他块区分,margin 值要相应做优化 */
         
     | 
| 
      
 250 
     | 
    
         
            +
            .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6,
         
     | 
| 
      
 251 
     | 
    
         
            +
            .typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 {
         
     | 
| 
      
 252 
     | 
    
         
            +
              margin-top: 1.2em;
         
     | 
| 
      
 253 
     | 
    
         
            +
              margin-bottom: 0.6em;
         
     | 
| 
      
 254 
     | 
    
         
            +
              line-height: 1.35;
         
     | 
| 
      
 255 
     | 
    
         
            +
            }
         
     | 
| 
      
 256 
     | 
    
         
            +
             
     | 
| 
      
 257 
     | 
    
         
            +
            .typo h1, .typo-h1 {
         
     | 
| 
      
 258 
     | 
    
         
            +
              font-size: 2em;
         
     | 
| 
      
 259 
     | 
    
         
            +
            }
         
     | 
| 
      
 260 
     | 
    
         
            +
             
     | 
| 
      
 261 
     | 
    
         
            +
            .typo h2, .typo-h2 {
         
     | 
| 
      
 262 
     | 
    
         
            +
              font-size: 1.8em;
         
     | 
| 
      
 263 
     | 
    
         
            +
            }
         
     | 
| 
      
 264 
     | 
    
         
            +
             
     | 
| 
      
 265 
     | 
    
         
            +
            .typo h3, .typo-h3 {
         
     | 
| 
      
 266 
     | 
    
         
            +
              font-size: 1.6em;
         
     | 
| 
      
 267 
     | 
    
         
            +
            }
         
     | 
| 
      
 268 
     | 
    
         
            +
             
     | 
| 
      
 269 
     | 
    
         
            +
            .typo h4, .typo-h4 {
         
     | 
| 
      
 270 
     | 
    
         
            +
              font-size: 1.4em;
         
     | 
| 
      
 271 
     | 
    
         
            +
            }
         
     | 
| 
      
 272 
     | 
    
         
            +
             
     | 
| 
      
 273 
     | 
    
         
            +
            .typo h5, .typo h6, .typo-h5, .typo-h6 {
         
     | 
| 
      
 274 
     | 
    
         
            +
              font-size: 1.2em;
         
     | 
| 
      
 275 
     | 
    
         
            +
            }
         
     | 
| 
      
 276 
     | 
    
         
            +
             
     | 
| 
      
 277 
     | 
    
         
            +
            /* 在文章中,应该还原 ul 和 ol 的样式 */
         
     | 
| 
      
 278 
     | 
    
         
            +
            .typo ul, .typo-ul {
         
     | 
| 
      
 279 
     | 
    
         
            +
              margin-left: 1.3em;
         
     | 
| 
      
 280 
     | 
    
         
            +
              list-style: disc;
         
     | 
| 
      
 281 
     | 
    
         
            +
            }
         
     | 
| 
      
 282 
     | 
    
         
            +
             
     | 
| 
      
 283 
     | 
    
         
            +
            .typo ol, .typo-ol {
         
     | 
| 
      
 284 
     | 
    
         
            +
              list-style: decimal;
         
     | 
| 
      
 285 
     | 
    
         
            +
              margin-left: 1.9em;
         
     | 
| 
      
 286 
     | 
    
         
            +
            }
         
     | 
| 
      
 287 
     | 
    
         
            +
             
     | 
| 
      
 288 
     | 
    
         
            +
            .typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol {
         
     | 
| 
      
 289 
     | 
    
         
            +
              margin-bottom: 0.8em;
         
     | 
| 
      
 290 
     | 
    
         
            +
              margin-left: 2em;
         
     | 
| 
      
 291 
     | 
    
         
            +
            }
         
     | 
| 
      
 292 
     | 
    
         
            +
             
     | 
| 
      
 293 
     | 
    
         
            +
            .typo li ul, .typo-ul ul, .typo-ol ul {
         
     | 
| 
      
 294 
     | 
    
         
            +
              list-style: circle;
         
     | 
| 
      
 295 
     | 
    
         
            +
            }
         
     | 
| 
      
 296 
     | 
    
         
            +
             
     | 
| 
      
 297 
     | 
    
         
            +
            /* 同 ul/ol,在文章中应用 table 基本格式 */
         
     | 
| 
      
 298 
     | 
    
         
            +
            .typo table th, .typo table td, .typo-table th, .typo-table td, .typo table caption {
         
     | 
| 
      
 299 
     | 
    
         
            +
              border: 1px solid #ddd;
         
     | 
| 
      
 300 
     | 
    
         
            +
              padding: 0.5em 1em;
         
     | 
| 
      
 301 
     | 
    
         
            +
              color: #666;
         
     | 
| 
      
 302 
     | 
    
         
            +
            }
         
     | 
| 
      
 303 
     | 
    
         
            +
             
     | 
| 
      
 304 
     | 
    
         
            +
            .typo table th, .typo-table th {
         
     | 
| 
      
 305 
     | 
    
         
            +
              background: #fbfbfb;
         
     | 
| 
      
 306 
     | 
    
         
            +
            }
         
     | 
| 
      
 307 
     | 
    
         
            +
             
     | 
| 
      
 308 
     | 
    
         
            +
            .typo table thead th, .typo-table thead th {
         
     | 
| 
      
 309 
     | 
    
         
            +
              background: #f1f1f1;
         
     | 
| 
      
 310 
     | 
    
         
            +
            }
         
     | 
| 
      
 311 
     | 
    
         
            +
             
     | 
| 
      
 312 
     | 
    
         
            +
            .typo table caption {
         
     | 
| 
      
 313 
     | 
    
         
            +
              border-bottom: none;
         
     | 
| 
      
 314 
     | 
    
         
            +
            }
         
     | 
| 
      
 315 
     | 
    
         
            +
             
     | 
| 
      
 316 
     | 
    
         
            +
            /* 去除 webkit 中 input 和 textarea 的默认样式  */
         
     | 
| 
      
 317 
     | 
    
         
            +
            .typo-input, .typo-textarea {
         
     | 
| 
      
 318 
     | 
    
         
            +
              -webkit-appearance: none;
         
     | 
| 
      
 319 
     | 
    
         
            +
              border-radius: 0;
         
     | 
| 
      
 320 
     | 
    
         
            +
            }
         
     | 
| 
      
 321 
     | 
    
         
            +
             
     | 
| 
      
 322 
     | 
    
         
            +
            .typo-em, .typo em, legend, caption {
         
     | 
| 
      
 323 
     | 
    
         
            +
              color: #000;
         
     | 
| 
      
 324 
     | 
    
         
            +
              font-weight: inherit;
         
     | 
| 
      
 325 
     | 
    
         
            +
            }
         
     | 
| 
      
 326 
     | 
    
         
            +
             
     | 
| 
      
 327 
     | 
    
         
            +
            /* 着重号,只能在少量(少于100个字符)且全是全角字符的情况下使用 */
         
     | 
| 
      
 328 
     | 
    
         
            +
            .typo-em {
         
     | 
| 
      
 329 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 330 
     | 
    
         
            +
            }
         
     | 
| 
      
 331 
     | 
    
         
            +
             
     | 
| 
      
 332 
     | 
    
         
            +
            .typo-em:after {
         
     | 
| 
      
 333 
     | 
    
         
            +
              position: absolute;
         
     | 
| 
      
 334 
     | 
    
         
            +
              top: 0.65em;
         
     | 
| 
      
 335 
     | 
    
         
            +
              left: 0;
         
     | 
| 
      
 336 
     | 
    
         
            +
              width: 100%;
         
     | 
| 
      
 337 
     | 
    
         
            +
              overflow: hidden;
         
     | 
| 
      
 338 
     | 
    
         
            +
              white-space: nowrap;
         
     | 
| 
      
 339 
     | 
    
         
            +
              content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
         
     | 
| 
      
 340 
     | 
    
         
            +
            }
         
     | 
| 
      
 341 
     | 
    
         
            +
             
     | 
| 
      
 342 
     | 
    
         
            +
            /* Responsive images */
         
     | 
| 
      
 343 
     | 
    
         
            +
            .typo img {
         
     | 
| 
      
 344 
     | 
    
         
            +
              max-width: 100%;
         
     | 
| 
      
 345 
     | 
    
         
            +
            }
         
     | 
    
        data/assets/main.scss
    ADDED
    
    
    
        metadata
    ADDED
    
    | 
         @@ -0,0 +1,96 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            --- !ruby/object:Gem::Specification
         
     | 
| 
      
 2 
     | 
    
         
            +
            name: jekyll-theme-clear-stream
         
     | 
| 
      
 3 
     | 
    
         
            +
            version: !ruby/object:Gem::Version
         
     | 
| 
      
 4 
     | 
    
         
            +
              version: 0.1.0
         
     | 
| 
      
 5 
     | 
    
         
            +
            platform: ruby
         
     | 
| 
      
 6 
     | 
    
         
            +
            authors:
         
     | 
| 
      
 7 
     | 
    
         
            +
            - Teddy-Ma
         
     | 
| 
      
 8 
     | 
    
         
            +
            autorequire: 
         
     | 
| 
      
 9 
     | 
    
         
            +
            bindir: bin
         
     | 
| 
      
 10 
     | 
    
         
            +
            cert_chain: []
         
     | 
| 
      
 11 
     | 
    
         
            +
            date: 2017-02-16 00:00:00.000000000 Z
         
     | 
| 
      
 12 
     | 
    
         
            +
            dependencies:
         
     | 
| 
      
 13 
     | 
    
         
            +
            - !ruby/object:Gem::Dependency
         
     | 
| 
      
 14 
     | 
    
         
            +
              name: jekyll
         
     | 
| 
      
 15 
     | 
    
         
            +
              requirement: !ruby/object:Gem::Requirement
         
     | 
| 
      
 16 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 17 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 18 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 19 
     | 
    
         
            +
                    version: '3.3'
         
     | 
| 
      
 20 
     | 
    
         
            +
              type: :runtime
         
     | 
| 
      
 21 
     | 
    
         
            +
              prerelease: false
         
     | 
| 
      
 22 
     | 
    
         
            +
              version_requirements: !ruby/object:Gem::Requirement
         
     | 
| 
      
 23 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 24 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 25 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 26 
     | 
    
         
            +
                    version: '3.3'
         
     | 
| 
      
 27 
     | 
    
         
            +
            - !ruby/object:Gem::Dependency
         
     | 
| 
      
 28 
     | 
    
         
            +
              name: bundler
         
     | 
| 
      
 29 
     | 
    
         
            +
              requirement: !ruby/object:Gem::Requirement
         
     | 
| 
      
 30 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 31 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 32 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 33 
     | 
    
         
            +
                    version: '1.12'
         
     | 
| 
      
 34 
     | 
    
         
            +
              type: :development
         
     | 
| 
      
 35 
     | 
    
         
            +
              prerelease: false
         
     | 
| 
      
 36 
     | 
    
         
            +
              version_requirements: !ruby/object:Gem::Requirement
         
     | 
| 
      
 37 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 38 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 39 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 40 
     | 
    
         
            +
                    version: '1.12'
         
     | 
| 
      
 41 
     | 
    
         
            +
            - !ruby/object:Gem::Dependency
         
     | 
| 
      
 42 
     | 
    
         
            +
              name: rake
         
     | 
| 
      
 43 
     | 
    
         
            +
              requirement: !ruby/object:Gem::Requirement
         
     | 
| 
      
 44 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 45 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 46 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 47 
     | 
    
         
            +
                    version: '10.0'
         
     | 
| 
      
 48 
     | 
    
         
            +
              type: :development
         
     | 
| 
      
 49 
     | 
    
         
            +
              prerelease: false
         
     | 
| 
      
 50 
     | 
    
         
            +
              version_requirements: !ruby/object:Gem::Requirement
         
     | 
| 
      
 51 
     | 
    
         
            +
                requirements:
         
     | 
| 
      
 52 
     | 
    
         
            +
                - - "~>"
         
     | 
| 
      
 53 
     | 
    
         
            +
                  - !ruby/object:Gem::Version
         
     | 
| 
      
 54 
     | 
    
         
            +
                    version: '10.0'
         
     | 
| 
      
 55 
     | 
    
         
            +
            description: 
         
     | 
| 
      
 56 
     | 
    
         
            +
            email:
         
     | 
| 
      
 57 
     | 
    
         
            +
            - mlc880926@gmail.com
         
     | 
| 
      
 58 
     | 
    
         
            +
            executables: []
         
     | 
| 
      
 59 
     | 
    
         
            +
            extensions: []
         
     | 
| 
      
 60 
     | 
    
         
            +
            extra_rdoc_files: []
         
     | 
| 
      
 61 
     | 
    
         
            +
            files:
         
     | 
| 
      
 62 
     | 
    
         
            +
            - LICENSE.txt
         
     | 
| 
      
 63 
     | 
    
         
            +
            - README.md
         
     | 
| 
      
 64 
     | 
    
         
            +
            - _includes/google-analytics.html
         
     | 
| 
      
 65 
     | 
    
         
            +
            - _layouts/default.html
         
     | 
| 
      
 66 
     | 
    
         
            +
            - _layouts/page.html
         
     | 
| 
      
 67 
     | 
    
         
            +
            - _layouts/post.html
         
     | 
| 
      
 68 
     | 
    
         
            +
            - _sass/custom.scss
         
     | 
| 
      
 69 
     | 
    
         
            +
            - _sass/syntax.scss
         
     | 
| 
      
 70 
     | 
    
         
            +
            - _sass/typo.scss
         
     | 
| 
      
 71 
     | 
    
         
            +
            - assets/main.scss
         
     | 
| 
      
 72 
     | 
    
         
            +
            homepage: https://www.songofcode.com
         
     | 
| 
      
 73 
     | 
    
         
            +
            licenses:
         
     | 
| 
      
 74 
     | 
    
         
            +
            - MIT
         
     | 
| 
      
 75 
     | 
    
         
            +
            metadata: {}
         
     | 
| 
      
 76 
     | 
    
         
            +
            post_install_message: 
         
     | 
| 
      
 77 
     | 
    
         
            +
            rdoc_options: []
         
     | 
| 
      
 78 
     | 
    
         
            +
            require_paths:
         
     | 
| 
      
 79 
     | 
    
         
            +
            - lib
         
     | 
| 
      
 80 
     | 
    
         
            +
            required_ruby_version: !ruby/object:Gem::Requirement
         
     | 
| 
      
 81 
     | 
    
         
            +
              requirements:
         
     | 
| 
      
 82 
     | 
    
         
            +
              - - ">="
         
     | 
| 
      
 83 
     | 
    
         
            +
                - !ruby/object:Gem::Version
         
     | 
| 
      
 84 
     | 
    
         
            +
                  version: '0'
         
     | 
| 
      
 85 
     | 
    
         
            +
            required_rubygems_version: !ruby/object:Gem::Requirement
         
     | 
| 
      
 86 
     | 
    
         
            +
              requirements:
         
     | 
| 
      
 87 
     | 
    
         
            +
              - - ">="
         
     | 
| 
      
 88 
     | 
    
         
            +
                - !ruby/object:Gem::Version
         
     | 
| 
      
 89 
     | 
    
         
            +
                  version: '0'
         
     | 
| 
      
 90 
     | 
    
         
            +
            requirements: []
         
     | 
| 
      
 91 
     | 
    
         
            +
            rubyforge_project: 
         
     | 
| 
      
 92 
     | 
    
         
            +
            rubygems_version: 2.6.8
         
     | 
| 
      
 93 
     | 
    
         
            +
            signing_key: 
         
     | 
| 
      
 94 
     | 
    
         
            +
            specification_version: 4
         
     | 
| 
      
 95 
     | 
    
         
            +
            summary: a clear stream of jekyll themes
         
     | 
| 
      
 96 
     | 
    
         
            +
            test_files: []
         
     |