middlemac-extras 1.0.6 → 1.0.7
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/.gitignore +8 -1
- data/.yardopts +7 -0
- data/CHANGELOG.md +26 -9
- data/Rakefile +209 -7
- data/documentation_project/Gemfile +3 -3
- data/documentation_project/config.rb +2 -2
- data/documentation_project/source/api_reference.html.md.erb +38 -0
- data/documentation_project/source/cli.html.md.erb +4 -3
- data/documentation_project/source/config_rb.html.md.erb +1 -2
- data/documentation_project/source/css_image_sizes.html.md.erb +2 -3
- data/documentation_project/source/image_tag.html.md.erb +1 -2
- data/documentation_project/source/index.html.md.erb +8 -7
- data/documentation_project/source/license.html.md.erb +1 -2
- data/documentation_project/source/md_images.html.md.erb +1 -2
- data/documentation_project/source/md_links.html.md.erb +1 -2
- data/documentation_project/source/partials/_yard_config.erb +200 -0
- data/documentation_project/source/partials/_yard_helpers.erb +146 -0
- data/documentation_project/source/partials/_yard_helpers_extended.erb +135 -0
- data/documentation_project/source/stylesheets/_middlemac_minimal.scss +281 -0
- data/features/helpers.feature +39 -0
- data/features/support/env.rb +20 -0
- data/fixtures/middlemac_extras_app/config.rb +7 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-small.png +0 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-small@2x.png +0 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-smaller.png +0 -0
- data/fixtures/middlemac_extras_app/source/index.html.md.erb +31 -0
- data/lib/middlemac-extras/extension.rb +135 -43
- data/lib/middlemac-extras/version.rb +1 -1
- data/middlemac-extras.gemspec +11 -3
- data/yard/readme.md +6 -0
- data/yard/template-grouped/default/module/html/method_details_list.erb +11 -0
- data/yard/template-partials/default/method_details/setup.rb +4 -0
- data/yard/template-partials/default/module/html/attribute_details.erb +9 -0
- data/yard/template-partials/default/module/html/method_details_list.erb +10 -0
- data/yard/template-partials/default/module/setup.rb +6 -0
- data/yard/template-partials/default/onefile/html/layout.erb +1 -0
- data/yard/template-partials/default/onefile/html/setup.rb +4 -0
- data/yard/yard_extensions.rb +109 -0
- metadata +92 -13
| @@ -0,0 +1,200 @@ | |
| 1 | 
            +
             | 
| 2 | 
            +
             | 
| 3 | 
            +
             | 
| 4 | 
            +
             | 
| 5 | 
            +
              <div id="instance_attr_details" class="attr_details">
         | 
| 6 | 
            +
                
         | 
| 7 | 
            +
                  
         | 
| 8 | 
            +
                  <span id="options[:img_auto_extensions]=-instance_method"></span>
         | 
| 9 | 
            +
                  <div class="method_details first">
         | 
| 10 | 
            +
              <h3 class="signature first" id="options[:img_auto_extensions]=-instance_method">
         | 
| 11 | 
            +
              
         | 
| 12 | 
            +
                - (<tt>Boolean</tt>) <strong>options[:img_auto_extensions]=</strong>(value) 
         | 
| 13 | 
            +
              
         | 
| 14 | 
            +
             | 
| 15 | 
            +
              
         | 
| 16 | 
            +
             | 
| 17 | 
            +
              
         | 
| 18 | 
            +
            </h3><div class="docstring">
         | 
| 19 | 
            +
              <div class="discussion">
         | 
| 20 | 
            +
                <p>This option determines whether or not to support specifying images without
         | 
| 21 | 
            +
            using a file name extension. If set to <code>true</code> then the <code>image_tag</code> helper
         | 
| 22 | 
            +
            will work for images even if you don’t specify an extension, but only if a
         | 
| 23 | 
            +
            file exists on disk that has one of the extensions in 
         | 
| 24 | 
            +
            <code>:img_auto_extensions_order</code>.</p>
         | 
| 25 | 
            +
             | 
| 26 | 
            +
             | 
| 27 | 
            +
              </div>
         | 
| 28 | 
            +
            </div>
         | 
| 29 | 
            +
            <div class="tags">
         | 
| 30 | 
            +
              <p class="tag_title">Parameters:</p>
         | 
| 31 | 
            +
            <ul class="param">
         | 
| 32 | 
            +
              
         | 
| 33 | 
            +
                <li>
         | 
| 34 | 
            +
                  
         | 
| 35 | 
            +
                    <span class='name'>value</span>
         | 
| 36 | 
            +
                  
         | 
| 37 | 
            +
                  
         | 
| 38 | 
            +
                    <span class='type'>(<tt>Boolean</tt>)</span>
         | 
| 39 | 
            +
                  
         | 
| 40 | 
            +
                  
         | 
| 41 | 
            +
                  
         | 
| 42 | 
            +
                    —
         | 
| 43 | 
            +
                    <div class='inline'><p><code>true</code> or <code>false</code> to enable or disable this feature.</p>
         | 
| 44 | 
            +
            </div>
         | 
| 45 | 
            +
                  
         | 
| 46 | 
            +
                </li>
         | 
| 47 | 
            +
              
         | 
| 48 | 
            +
            </ul>
         | 
| 49 | 
            +
             | 
| 50 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 51 | 
            +
            <ul class="return">
         | 
| 52 | 
            +
              
         | 
| 53 | 
            +
                <li>
         | 
| 54 | 
            +
                  
         | 
| 55 | 
            +
                  
         | 
| 56 | 
            +
                    <span class='type'>(<tt>Boolean</tt>)</span>
         | 
| 57 | 
            +
                  
         | 
| 58 | 
            +
                  
         | 
| 59 | 
            +
                  
         | 
| 60 | 
            +
                    —
         | 
| 61 | 
            +
                    <div class='inline'><p>Returns the current value of this option.</p>
         | 
| 62 | 
            +
            </div>
         | 
| 63 | 
            +
                  
         | 
| 64 | 
            +
                </li>
         | 
| 65 | 
            +
              
         | 
| 66 | 
            +
            </ul>
         | 
| 67 | 
            +
             | 
| 68 | 
            +
            </div>
         | 
| 69 | 
            +
            </div>
         | 
| 70 | 
            +
                
         | 
| 71 | 
            +
                  
         | 
| 72 | 
            +
                  <span id="options[:img_auto_extensions_order]=-instance_method"></span>
         | 
| 73 | 
            +
                  <div class="method_details ">
         | 
| 74 | 
            +
              <h3 class="signature " id="options[:img_auto_extensions_order]=-instance_method">
         | 
| 75 | 
            +
              
         | 
| 76 | 
            +
                - (<tt>Array<String></tt>) <strong>options[:img_auto_extensions_order]=</strong>(value) 
         | 
| 77 | 
            +
              
         | 
| 78 | 
            +
             | 
| 79 | 
            +
              
         | 
| 80 | 
            +
             | 
| 81 | 
            +
              
         | 
| 82 | 
            +
            </h3><div class="docstring">
         | 
| 83 | 
            +
              <div class="discussion">
         | 
| 84 | 
            +
                <p>This option defines the eligible file name extensions and their precedence
         | 
| 85 | 
            +
            when you specify an image without an extension using the <code>image_tag</code> helper.
         | 
| 86 | 
            +
            Set this to an array of image file extensions in your desired order of
         | 
| 87 | 
            +
            of precedence.</p>
         | 
| 88 | 
            +
             | 
| 89 | 
            +
             | 
| 90 | 
            +
              </div>
         | 
| 91 | 
            +
            </div>
         | 
| 92 | 
            +
            <div class="tags">
         | 
| 93 | 
            +
              <p class="tag_title">Parameters:</p>
         | 
| 94 | 
            +
            <ul class="param">
         | 
| 95 | 
            +
              
         | 
| 96 | 
            +
                <li>
         | 
| 97 | 
            +
                  
         | 
| 98 | 
            +
                    <span class='name'>value</span>
         | 
| 99 | 
            +
                  
         | 
| 100 | 
            +
                  
         | 
| 101 | 
            +
                    <span class='type'>(<tt>Array<String></tt>)</span>
         | 
| 102 | 
            +
                  
         | 
| 103 | 
            +
                  
         | 
| 104 | 
            +
                  
         | 
| 105 | 
            +
                    —
         | 
| 106 | 
            +
                    <div class='inline'><p>Set to an array of image extensions.</p>
         | 
| 107 | 
            +
            </div>
         | 
| 108 | 
            +
                  
         | 
| 109 | 
            +
                </li>
         | 
| 110 | 
            +
              
         | 
| 111 | 
            +
            </ul>
         | 
| 112 | 
            +
             | 
| 113 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 114 | 
            +
            <ul class="return">
         | 
| 115 | 
            +
              
         | 
| 116 | 
            +
                <li>
         | 
| 117 | 
            +
                  
         | 
| 118 | 
            +
                  
         | 
| 119 | 
            +
                    <span class='type'>(<tt>Array<String></tt>)</span>
         | 
| 120 | 
            +
                  
         | 
| 121 | 
            +
                  
         | 
| 122 | 
            +
                  
         | 
| 123 | 
            +
                    —
         | 
| 124 | 
            +
                    <div class='inline'><p>Returns the current value of this option.</p>
         | 
| 125 | 
            +
            </div>
         | 
| 126 | 
            +
                  
         | 
| 127 | 
            +
                </li>
         | 
| 128 | 
            +
              
         | 
| 129 | 
            +
            </ul>
         | 
| 130 | 
            +
             | 
| 131 | 
            +
            </div>
         | 
| 132 | 
            +
            </div>
         | 
| 133 | 
            +
                
         | 
| 134 | 
            +
                  
         | 
| 135 | 
            +
                  <span id="options[:retina_srcset]=-instance_method"></span>
         | 
| 136 | 
            +
                  <div class="method_details ">
         | 
| 137 | 
            +
              <h3 class="signature " id="options[:retina_srcset]=-instance_method">
         | 
| 138 | 
            +
              
         | 
| 139 | 
            +
                - (<tt>Boolean</tt>) <strong>options[:retina_srcset]=</strong>(value) 
         | 
| 140 | 
            +
              
         | 
| 141 | 
            +
             | 
| 142 | 
            +
              
         | 
| 143 | 
            +
             | 
| 144 | 
            +
              
         | 
| 145 | 
            +
            </h3><div class="docstring">
         | 
| 146 | 
            +
              <div class="discussion">
         | 
| 147 | 
            +
                <p>This option determines whether or not the enhanced <code>image_tag</code> helper will
         | 
| 148 | 
            +
            be used to include an @2x <code>srcset</code> attribute automatically. This automatic
         | 
| 149 | 
            +
            behavior will only be applied if the image asset exists on disk and this
         | 
| 150 | 
            +
            option is set to <code>true</code>.</p>
         | 
| 151 | 
            +
             | 
| 152 | 
            +
             | 
| 153 | 
            +
              </div>
         | 
| 154 | 
            +
            </div>
         | 
| 155 | 
            +
            <div class="tags">
         | 
| 156 | 
            +
              <p class="tag_title">Parameters:</p>
         | 
| 157 | 
            +
            <ul class="param">
         | 
| 158 | 
            +
              
         | 
| 159 | 
            +
                <li>
         | 
| 160 | 
            +
                  
         | 
| 161 | 
            +
                    <span class='name'>value</span>
         | 
| 162 | 
            +
                  
         | 
| 163 | 
            +
                  
         | 
| 164 | 
            +
                    <span class='type'>(<tt>Boolean</tt>)</span>
         | 
| 165 | 
            +
                  
         | 
| 166 | 
            +
                  
         | 
| 167 | 
            +
                  
         | 
| 168 | 
            +
                    —
         | 
| 169 | 
            +
                    <div class='inline'><p><code>true</code> or <code>false</code> to enable or disable this feature.</p>
         | 
| 170 | 
            +
            </div>
         | 
| 171 | 
            +
                  
         | 
| 172 | 
            +
                </li>
         | 
| 173 | 
            +
              
         | 
| 174 | 
            +
            </ul>
         | 
| 175 | 
            +
             | 
| 176 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 177 | 
            +
            <ul class="return">
         | 
| 178 | 
            +
              
         | 
| 179 | 
            +
                <li>
         | 
| 180 | 
            +
                  
         | 
| 181 | 
            +
                  
         | 
| 182 | 
            +
                    <span class='type'>(<tt>Boolean</tt>)</span>
         | 
| 183 | 
            +
                  
         | 
| 184 | 
            +
                  
         | 
| 185 | 
            +
                  
         | 
| 186 | 
            +
                    —
         | 
| 187 | 
            +
                    <div class='inline'><p>Returns the current value of this option.</p>
         | 
| 188 | 
            +
            </div>
         | 
| 189 | 
            +
                  
         | 
| 190 | 
            +
                </li>
         | 
| 191 | 
            +
              
         | 
| 192 | 
            +
            </ul>
         | 
| 193 | 
            +
             | 
| 194 | 
            +
            </div>
         | 
| 195 | 
            +
            </div>
         | 
| 196 | 
            +
                
         | 
| 197 | 
            +
              </div>
         | 
| 198 | 
            +
             | 
| 199 | 
            +
             | 
| 200 | 
            +
             | 
| @@ -0,0 +1,146 @@ | |
| 1 | 
            +
             | 
| 2 | 
            +
             | 
| 3 | 
            +
             | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
              <div class="method_details_list">
         | 
| 7 | 
            +
                
         | 
| 8 | 
            +
                
         | 
| 9 | 
            +
                  
         | 
| 10 | 
            +
                    <div class="method_details first">
         | 
| 11 | 
            +
              <h3 class="signature first" id="css_image_sizes-instance_method">
         | 
| 12 | 
            +
              
         | 
| 13 | 
            +
                - (<tt>String</tt>) <strong>css_image_sizes</strong> 
         | 
| 14 | 
            +
              
         | 
| 15 | 
            +
             | 
| 16 | 
            +
              
         | 
| 17 | 
            +
             | 
| 18 | 
            +
              
         | 
| 19 | 
            +
            </h3><div class="docstring">
         | 
| 20 | 
            +
              <div class="discussion">
         | 
| 21 | 
            +
                <p>This helper provides CSS for every image in your
         | 
| 22 | 
            +
            project. Each image will have a declaration that sets
         | 
| 23 | 
            +
            <code>max-width</code> and <code>max-height</code> to the actual size of the
         | 
| 24 | 
            +
            image. Proper @2x image support is included. It’s most
         | 
| 25 | 
            +
            useful to use this helper in a <code>some_file.css.erb</code>
         | 
| 26 | 
            +
            file.</p>
         | 
| 27 | 
            +
             | 
| 28 | 
            +
             | 
| 29 | 
            +
              </div>
         | 
| 30 | 
            +
            </div>
         | 
| 31 | 
            +
            <div class="tags">
         | 
| 32 | 
            +
              
         | 
| 33 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 34 | 
            +
            <ul class="return">
         | 
| 35 | 
            +
              
         | 
| 36 | 
            +
                <li>
         | 
| 37 | 
            +
                  
         | 
| 38 | 
            +
                  
         | 
| 39 | 
            +
                    <span class='type'>(<tt>String</tt>)</span>
         | 
| 40 | 
            +
                  
         | 
| 41 | 
            +
                  
         | 
| 42 | 
            +
                  
         | 
| 43 | 
            +
                    —
         | 
| 44 | 
            +
                    <div class='inline'><p>Returns a string with the CSS markup
         | 
| 45 | 
            +
            for every image found in your project.</p>
         | 
| 46 | 
            +
            </div>
         | 
| 47 | 
            +
                  
         | 
| 48 | 
            +
                </li>
         | 
| 49 | 
            +
              
         | 
| 50 | 
            +
            </ul>
         | 
| 51 | 
            +
             | 
| 52 | 
            +
            </div>
         | 
| 53 | 
            +
            </div>
         | 
| 54 | 
            +
                  
         | 
| 55 | 
            +
                    <div class="method_details ">
         | 
| 56 | 
            +
              <h3 class="signature " id="md_images-instance_method">
         | 
| 57 | 
            +
              
         | 
| 58 | 
            +
                - (<tt>String</tt>) <strong>md_images</strong> 
         | 
| 59 | 
            +
              
         | 
| 60 | 
            +
             | 
| 61 | 
            +
              
         | 
| 62 | 
            +
             | 
| 63 | 
            +
              
         | 
| 64 | 
            +
            </h3><div class="docstring">
         | 
| 65 | 
            +
              <div class="discussion">
         | 
| 66 | 
            +
                <p>This helper provides access to <code>middlemac-extras</code>’ 
         | 
| 67 | 
            +
            index of images in Markdown reference format, enabling
         | 
| 68 | 
            +
            you to use reference-style images in documents. Because
         | 
| 69 | 
            +
            this helper includes literal Markdown, it’s only useful
         | 
| 70 | 
            +
            in Markdown documents.</p>
         | 
| 71 | 
            +
             | 
| 72 | 
            +
             | 
| 73 | 
            +
              </div>
         | 
| 74 | 
            +
            </div>
         | 
| 75 | 
            +
            <div class="tags">
         | 
| 76 | 
            +
              
         | 
| 77 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 78 | 
            +
            <ul class="return">
         | 
| 79 | 
            +
              
         | 
| 80 | 
            +
                <li>
         | 
| 81 | 
            +
                  
         | 
| 82 | 
            +
                  
         | 
| 83 | 
            +
                    <span class='type'>(<tt>String</tt>)</span>
         | 
| 84 | 
            +
                  
         | 
| 85 | 
            +
                  
         | 
| 86 | 
            +
                  
         | 
| 87 | 
            +
                    —
         | 
| 88 | 
            +
                    <div class='inline'><p>Returns a string with the Markdown
         | 
| 89 | 
            +
            index of every image in your project.</p>
         | 
| 90 | 
            +
            </div>
         | 
| 91 | 
            +
                  
         | 
| 92 | 
            +
                </li>
         | 
| 93 | 
            +
              
         | 
| 94 | 
            +
            </ul>
         | 
| 95 | 
            +
             | 
| 96 | 
            +
            </div>
         | 
| 97 | 
            +
            </div>
         | 
| 98 | 
            +
                  
         | 
| 99 | 
            +
                    <div class="method_details ">
         | 
| 100 | 
            +
              <h3 class="signature " id="md_links-instance_method">
         | 
| 101 | 
            +
              
         | 
| 102 | 
            +
                - (<tt>String</tt>) <strong>md_links</strong> 
         | 
| 103 | 
            +
              
         | 
| 104 | 
            +
             | 
| 105 | 
            +
              
         | 
| 106 | 
            +
             | 
| 107 | 
            +
              
         | 
| 108 | 
            +
            </h3><div class="docstring">
         | 
| 109 | 
            +
              <div class="discussion">
         | 
| 110 | 
            +
                <p>This helper provides access to <code>middlemac-extras</code>’ 
         | 
| 111 | 
            +
            index of links in Markdown reference format, enabling
         | 
| 112 | 
            +
            you to use reference-style links in documents. Because
         | 
| 113 | 
            +
            this helper includes literal Markdown, it’s only useful
         | 
| 114 | 
            +
            in Markdown documents.</p>
         | 
| 115 | 
            +
             | 
| 116 | 
            +
             | 
| 117 | 
            +
              </div>
         | 
| 118 | 
            +
            </div>
         | 
| 119 | 
            +
            <div class="tags">
         | 
| 120 | 
            +
              
         | 
| 121 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 122 | 
            +
            <ul class="return">
         | 
| 123 | 
            +
              
         | 
| 124 | 
            +
                <li>
         | 
| 125 | 
            +
                  
         | 
| 126 | 
            +
                  
         | 
| 127 | 
            +
                    <span class='type'>(<tt>String</tt>)</span>
         | 
| 128 | 
            +
                  
         | 
| 129 | 
            +
                  
         | 
| 130 | 
            +
                  
         | 
| 131 | 
            +
                    —
         | 
| 132 | 
            +
                    <div class='inline'><p>Returns a string with the Markdown
         | 
| 133 | 
            +
            index of every page in your project.</p>
         | 
| 134 | 
            +
            </div>
         | 
| 135 | 
            +
                  
         | 
| 136 | 
            +
                </li>
         | 
| 137 | 
            +
              
         | 
| 138 | 
            +
            </ul>
         | 
| 139 | 
            +
             | 
| 140 | 
            +
            </div>
         | 
| 141 | 
            +
            </div>
         | 
| 142 | 
            +
                  
         | 
| 143 | 
            +
                
         | 
| 144 | 
            +
              </div>
         | 
| 145 | 
            +
             | 
| 146 | 
            +
             | 
| @@ -0,0 +1,135 @@ | |
| 1 | 
            +
             | 
| 2 | 
            +
             | 
| 3 | 
            +
             | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
              <div class="method_details_list">
         | 
| 7 | 
            +
                
         | 
| 8 | 
            +
                
         | 
| 9 | 
            +
                  
         | 
| 10 | 
            +
                    <div class="method_details first">
         | 
| 11 | 
            +
              <h3 class="signature first" id="image_tag-instance_method">
         | 
| 12 | 
            +
              
         | 
| 13 | 
            +
                - (<tt>String</tt>) <strong>image_tag</strong>(path, params = {}) 
         | 
| 14 | 
            +
              
         | 
| 15 | 
            +
             | 
| 16 | 
            +
              
         | 
| 17 | 
            +
             | 
| 18 | 
            +
              
         | 
| 19 | 
            +
            </h3><div class="docstring">
         | 
| 20 | 
            +
              <div class="discussion">
         | 
| 21 | 
            +
                <p>With the proper options enabled this helper extends
         | 
| 22 | 
            +
            the built-in functionality of <strong>Middleman</strong>’s helpers
         | 
| 23 | 
            +
            in a couple of ways. With <code>:retina_srcset</code> enabled,
         | 
| 24 | 
            +
            automatic <code>srcset</code> attributes will be applied to
         | 
| 25 | 
            +
            <code><img></code> tags if an @2x version of the specified image
         | 
| 26 | 
            +
            is found. With <code>:img_auto_extensions</code> it’s possible to
         | 
| 27 | 
            +
            specify image names without the file name extension.</p>
         | 
| 28 | 
            +
             | 
| 29 | 
            +
             | 
| 30 | 
            +
              </div>
         | 
| 31 | 
            +
            </div>
         | 
| 32 | 
            +
            <div class="tags">
         | 
| 33 | 
            +
              <p class="tag_title">Parameters:</p>
         | 
| 34 | 
            +
            <ul class="param">
         | 
| 35 | 
            +
              
         | 
| 36 | 
            +
                <li>
         | 
| 37 | 
            +
                  
         | 
| 38 | 
            +
                    <span class='name'>path</span>
         | 
| 39 | 
            +
                  
         | 
| 40 | 
            +
                  
         | 
| 41 | 
            +
                    <span class='type'>(<tt>String</tt>)</span>
         | 
| 42 | 
            +
                  
         | 
| 43 | 
            +
                  
         | 
| 44 | 
            +
                  
         | 
| 45 | 
            +
                    —
         | 
| 46 | 
            +
                    <div class='inline'><p>Specify path to the image file.</p>
         | 
| 47 | 
            +
            </div>
         | 
| 48 | 
            +
                  
         | 
| 49 | 
            +
                </li>
         | 
| 50 | 
            +
              
         | 
| 51 | 
            +
                <li>
         | 
| 52 | 
            +
                  
         | 
| 53 | 
            +
                    <span class='name'>params</span>
         | 
| 54 | 
            +
                  
         | 
| 55 | 
            +
                  
         | 
| 56 | 
            +
                    <span class='type'>(<tt>Hash</tt>)</span>
         | 
| 57 | 
            +
                  
         | 
| 58 | 
            +
                  
         | 
| 59 | 
            +
                    <em class="default">(defaults to: <tt>{}</tt>)</em>
         | 
| 60 | 
            +
                  
         | 
| 61 | 
            +
                  
         | 
| 62 | 
            +
                    —
         | 
| 63 | 
            +
                    <div class='inline'><p>Optional parameters to pass to
         | 
| 64 | 
            +
            the helper. <strong>Middleman</strong> (and other extensions)
         | 
| 65 | 
            +
            provide other parameters in addition to these.</p>
         | 
| 66 | 
            +
            </div>
         | 
| 67 | 
            +
                  
         | 
| 68 | 
            +
                </li>
         | 
| 69 | 
            +
              
         | 
| 70 | 
            +
            </ul>
         | 
| 71 | 
            +
             | 
| 72 | 
            +
              
         | 
| 73 | 
            +
                
         | 
| 74 | 
            +
                
         | 
| 75 | 
            +
                
         | 
| 76 | 
            +
                
         | 
| 77 | 
            +
                <p class="tag_title">Options Hash (<tt>params</tt>):</p>
         | 
| 78 | 
            +
                <ul class="option">
         | 
| 79 | 
            +
                  
         | 
| 80 | 
            +
                    <li>
         | 
| 81 | 
            +
                      <span class="name">:img_auto_extensions</span>
         | 
| 82 | 
            +
                      <span class="type">(<tt>Boolean</tt>)</span>
         | 
| 83 | 
            +
                      <span class="default">
         | 
| 84 | 
            +
                        
         | 
| 85 | 
            +
                      </span>
         | 
| 86 | 
            +
                      
         | 
| 87 | 
            +
                        — <div class='inline'><p>Allows
         | 
| 88 | 
            +
            control of the automatic image extensions option
         | 
| 89 | 
            +
            on a per-use basis.</p>
         | 
| 90 | 
            +
            </div>
         | 
| 91 | 
            +
                      
         | 
| 92 | 
            +
                    </li>
         | 
| 93 | 
            +
                  
         | 
| 94 | 
            +
                    <li>
         | 
| 95 | 
            +
                      <span class="name">:retina_srcset</span>
         | 
| 96 | 
            +
                      <span class="type">(<tt>Boolean</tt>)</span>
         | 
| 97 | 
            +
                      <span class="default">
         | 
| 98 | 
            +
                        
         | 
| 99 | 
            +
                      </span>
         | 
| 100 | 
            +
                      
         | 
| 101 | 
            +
                        — <div class='inline'><p>Allows control
         | 
| 102 | 
            +
            of the automatic @2x images feature on a per-use
         | 
| 103 | 
            +
            basis.</p>
         | 
| 104 | 
            +
            </div>
         | 
| 105 | 
            +
                      
         | 
| 106 | 
            +
                    </li>
         | 
| 107 | 
            +
                  
         | 
| 108 | 
            +
                </ul>
         | 
| 109 | 
            +
              
         | 
| 110 | 
            +
             | 
| 111 | 
            +
            <p class="tag_title">Returns:</p>
         | 
| 112 | 
            +
            <ul class="return">
         | 
| 113 | 
            +
              
         | 
| 114 | 
            +
                <li>
         | 
| 115 | 
            +
                  
         | 
| 116 | 
            +
                  
         | 
| 117 | 
            +
                    <span class='type'>(<tt>String</tt>)</span>
         | 
| 118 | 
            +
                  
         | 
| 119 | 
            +
                  
         | 
| 120 | 
            +
                  
         | 
| 121 | 
            +
                    —
         | 
| 122 | 
            +
                    <div class='inline'><p>Returns an HTML <code><img></code> tag.</p>
         | 
| 123 | 
            +
            </div>
         | 
| 124 | 
            +
                  
         | 
| 125 | 
            +
                </li>
         | 
| 126 | 
            +
              
         | 
| 127 | 
            +
            </ul>
         | 
| 128 | 
            +
             | 
| 129 | 
            +
            </div>
         | 
| 130 | 
            +
            </div>
         | 
| 131 | 
            +
                  
         | 
| 132 | 
            +
                
         | 
| 133 | 
            +
              </div>
         | 
| 134 | 
            +
             | 
| 135 | 
            +
             |