<commit_before>{{setTitle     "Customize"}}
{{setSubTitle  "Choose the modules that you need"}}
{{setActiveNav "customize"}}

{{> header}}

<div class="content">

    <h2 class="content-subhead">Rollups</h2>
    <p>
        Rollups consist of all the modules in Pure. There are two rollups available - a regular (responsive) one, and a non-responsive one. Choose that one that's right for your project.
    </p>

    <table class="pure-table pure-table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>CSS URL</th>
                <th>Size (gzipped)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Responsive Rollup</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/pure-min.css</td>
                <td>3.84 KB</td>
            </tr>
            <tr>
                <td>Non-Responsive Rollup</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/pure-nr-min.css</td>
                <td>3.62 KB</td>
            </tr>
        </tbody>
    </table>


    <h2 class="content-subhead">Individual Modules</h2>
    <p>
        You can also pull in the modules individually. The Yahoo! CDN supports combo handling, so you can combo your requests and get a single CSS file back. Here's an example of a combo URL that only includes CSS for <a href="{{pages.base}}">Base</a>, <a href="{{pages.grids}}">Grids</a>, and <a href="{{pages.forms}}">Forms</a>:
    </p>

    {{#code}}
<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.0.2/base-min.css&pure/0.0.2/grids-min.css&pure/0.0.2/forms-min.css">
    {{/code}}

    <table class="pure-table pure-table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>CSS URL</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Base</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/base-min.css</td>
            </tr>
            <tr>
                <td>Buttons</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/buttons-min.css</td>
            </tr>
            <tr>
                <td>Forms (Responsive)</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/forms-min.css</td>
            </tr>
            <tr>
                <td>Forms (Non-Responsive)</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/forms-nr-min.css</td>
            </tr>
            <tr>
                <td>Grids (Responsive)</td><commit_msg>replace hard-coded versions with {{pure_version}}<commit_after>{{setTitle     "Customize"}}
{{setSubTitle  "Choose the modules that you need"}}
{{setActiveNav "customize"}}

{{> header}}

<div class="content">

    <h2 class="content-subhead">Rollups</h2>
    <p>
        Rollups consist of all the modules in Pure. There are two rollups available - a regular (responsive) one, and a non-responsive one. Choose that one that's right for your project.
    </p>

    <table class="pure-table pure-table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>CSS URL</th>
                <th>Size (gzipped)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Responsive Rollup</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/pure-min.css</td>
                <td>3.84 KB</td>
            </tr>
            <tr>
                <td>Non-Responsive Rollup</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/pure-nr-min.css</td>
                <td>3.62 KB</td>
            </tr>
        </tbody>
    </table>


    <h2 class="content-subhead">Individual Modules</h2>
    <p>
        You can also pull in the modules individually. The Yahoo! CDN supports combo handling, so you can combo your requests and get a single CSS file back. Here's an example of a combo URL that only includes CSS for <a href="{{pages.base}}">Base</a>, <a href="{{pages.grids}}">Grids</a>, and <a href="{{pages.forms}}">Forms</a>:
    </p>

    {{#code}}
<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/{{pure_version}}/base-min.css&pure/{{pure_version}}/grids-min.css&pure/{{pure_version}}/forms-min.css">
    {{/code}}

    <table class="pure-table pure-table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>CSS URL</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Base</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/base-min.css</td>
            </tr>
            <tr>
                <td>Buttons</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/buttons-min.css</td>
            </tr>
            <tr>
                <td>Forms (Responsive)</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/forms-min.css</td>
            </tr>
            <tr>
                <td>Forms (Non-Responsive)</td>
                <td>http://yui.yahooapis.com/pure/{{pure_version}}/forms-nr-min.css</td>
            </tr>
            <tr>
                <td>Grids (Responsive)</td>
{'fraction_non_alphanumeric': 0.16984035391421426, 'fraction_numerical': 0.005577995768417003, 'mean_word_length': 1.7111574556830031, 'pattern_counts': {'":': 0, '<': 169, '<?xml version=': 0, '>': 171, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '342897', 'n_tokens_mistral': 1821, 'n_tokens_neox': 1656, 'n_words': 331}