@guardian/mobile-apps-article-templates/ArticleTemplates/cricketTemplateScorecardDetailsBatting.html

Templates for articles on both iOS and Android next-gen apps

<div class="cricket-stats__innings">
    <div class="cricket-stats__header">
        <div class="cricket-stats__title">
            __CRICKET_SCORECARD_DESCRIPTION__
        </div>
        <div class="cricket-stats__total">
        Total<br><em>__CRICKET_SCORECARD_RUNS__ __CRICKET_SCORECARD_WICKETS__</em>
        </div>
    </div>
    <div class="cricket-stats__table-wrap">
        <table class="cricket-stats__table">
            <thead class="cricket-stats__table--phone">
                <tr>
                    <th class="cricket-stats__table--title">__CRICKET_SCORECARD_DESCRIPTION__</th>
                    <th class="cricket-stats__table--values">Runs</th>
                </tr>
            </thead>
            <thead class="cricket-stats__table--tablet">
                <tr>
                    <th>Batsman</th>
                    <th>Taken by</th>
                    <th class="cricket-stats__table--values">Balls</th>
                    <th class="cricket-stats__table--values">4s</th>
                    <th class="cricket-stats__table--values">6s</th>
                    <th class="cricket-stats__table--values">Runs</th>
                </tr>
            </thead>
            <tbody>
                __CRICKET_SCORECARD_BATSMEN__
            </tbody>
            <tfoot class="cricket-stats__table--phone">
                <tr>
                    <td class="cricket-stats__table--strong">Total</td>
                    <td class="cricket-stats__table--strong">__CRICKET_SCORECARD_RUNS__ __CRICKET_SCORECARD_WICKETS__</td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>