<commit_before><m-flex-template padding-top="52px">
    <m-template>
        <div slot="header">
            <h1>Sandboxes</h1>
            <nav class="m-u--margin-top">
                <ul class="m-navigation__submenu">
                    <li>
                        <m-link mode="link" href="#component">Components</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#directives">Directives</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#filters">Filters</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#mixins">Mixins</m-link>
                    </li>
                </ul>
            </nav>
        </div>

        <a class="anchor" id="component"></a>
        <h2>Components <m-link @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in componentsTag">
                    <m-link :url="'components/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="directives"></a>
        <h2>Directives <m-link @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px" ></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in directivesName">
                    <m-link :url="'directives/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="filters"></a>
        <h2>Filters  <m-link @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in filtersName">
                    <m-link :url="'filters/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="mixins"></a>
        <h2>Mixins <m-link @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li>
                    <m-link url="media-queries">Media Queries</m-link>
                </li>
                <li>
                    <m-link url="attributes">Attributes list</m-link>
                </li>
            </ul><commit_msg>fix problem with scroll to top in sandbox (#522)<commit_after><m-flex-template padding-top="52px">
    <m-template>
        <div slot="header">
            <h1>Sandboxes</h1>
            <nav class="m-u--margin-top">
                <ul class="m-navigation__submenu">
                    <li>
                        <m-link mode="link" href="#component">Components</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#directives">Directives</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#filters">Filters</m-link>
                    </li>
                    <li>
                        <m-link mode="link" href="#mixins">Mixins</m-link>
                    </li>
                </ul>
            </nav>
        </div>

        <a class="anchor" id="component"></a>
        <h2>Components <m-link href="#" mode="link" @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in componentsTag">
                    <m-link :url="'components/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="directives"></a>
        <h2>Directives <m-link href="#" mode="link" @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px" ></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in directivesName">
                    <m-link :url="'directives/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="filters"></a>
        <h2>Filters  <m-link href="#" mode="link" @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li v-for="route in filtersName">
                    <m-link :url="'filters/' + route">{{route}}</m-link>
                </li>
            </ul>
        </nav>
        <a class="anchor" id="mixins"></a>
        <h2>Mixins <m-link href="#" mode="link" @click="scrollToTop()"><m-icon name="m-svg__arrow-thin--up" size="16px"></m-icon></m-link>
        </h2>
        <nav class="m-u--margin-top">
            <ul class="m-u--bullet-list">
                <li>
                    <m-link url="media-queries">Media Queries</m-link>
                </li>
                <li>
                    <m-link url="attributes">Attributes list</m-link>
                </li>
            </ul>
{'fraction_non_alphanumeric': 0.19696127478228645, 'fraction_numerical': 0.007967389290346488, 'mean_word_length': 1.379021595416483, 'pattern_counts': {'":': 0, '<': 189, '<?xml version=': 0, '>': 189, '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': '5433582', 'n_tokens_mistral': 1758, 'n_tokens_neox': 1663, 'n_words': 269}