Button Module

Preview
HTML
View
Context
Assets
Info


        
        
        <div class="content-section content-section--sticky ">
    <div class="content-section__title text-button">fonts</div>
    <div class="content-section__content">
        <div class="button-list button-list--col-3 button-module">
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Andrus Jaakson">
                        <span class="button__text">
                            Andrus Jaakson
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Karin Meremaa">
                        <span class="button__text">
                            Karin Meremaa
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Elre-Ants Kotisse">
                        <span class="button__text">
                            Elre-Ants Kotisse
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Peeter Käsi">
                        <span class="button__text">
                            Peeter Käsi
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Artur Liiston">
                        <span class="button__text">
                            Artur Liiston
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Vairi Veinipuu">
                        <span class="button__text">
                            Vairi Veinipuu
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
            <div class="button-list__item">

                <a href="#" class="button button--icon-text button-list__button ">

                    <span class="button__inner" data-text="Siim Kaltsium">
                        <span class="button__text">
                            Siim Kaltsium
                            <svg class="icon  button__icon">
                                <use xlink:href="../../inc/svg/global.49d3f64de1a3f5ccf16c763316702027.svg#arrow-right"></use>
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
        </div>

    </div>
</div>


        {% set content %}
    {% include '@button-list' with {class: "button-module", modifier: "button-list--col-3", data: {buttons: data.buttons}} %}
{% endset %}

{% include '@content-section' with {modifier: "content-section--sticky", data: {title: data.title, content: content}} %}


        {
  "language": "en-US",
  "data": {
    "title": "fonts",
    "buttons": [
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Andrus Jaakson",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Karin Meremaa",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Elre-Ants Kotisse",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Peeter Käsi",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Artur Liiston",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Vairi Veinipuu",
        "icon": "arrow-right",
        "link": "#"
      },
      {
        "text": "Siim Kaltsium",
        "icon": "arrow-right",
        "link": "#"
      }
    ]
  }
}

File:

Content:


                                .button-module {
    padding: 25px 60px 64px 25%;

    @include bp(sm-min) {
        padding: 32px 90px 120px 15%;
    }
}

.button-list__item {
    .button-module & {
        padding: 6px 0;
    }
}

.button__text {
    .button-module & {
        font-size: $font-size-large;
        font-weight: $font-weight-normal;
        line-height: $font-line-height-large;

        @include bp(sm-min) {
            font-size: $font-size-large-lg;
            line-height: $font-line-height-large-lg;
        }
    }
}

URL: /components/raw/button-module/button-module.scss
Filesystem Path: src/patterns/modules/button-module/button-module.scss
Size: 511 Bytes

Content:
import './button-module.scss';
URL: /components/raw/button-module/button-module.ts
Filesystem Path: src/patterns/modules/button-module/button-module.ts
Size: 31 Bytes

Handle: @button-module--default
Filesystem Path: src/patterns/modules/button-module/button-module.twig
References (2): @button-list, @content-section
Referenced by (1): @view-catalogue

Button Module

Forms

Notifications

Copy environment

Button Module